this.$router.push 傳參

index頁面
1.params
this.$router.push()方法中path不能與params同用，否則param會失效，所以用name來指定頁面，params來傳遞數據內容。

<template>
<img src="../../static/images/indexTermianal/teacher.png" alt="" @click ="go()" > 
</template>
<script>
methods:{
　　go:function(){
　　　　this.$router.push({
　　　　　　name:'indext',
　　　　　　params:{
　　　　　　　　userId:1
　　　　　　}
　　　　})
　　}
}
</script>

 

在目標頁面通過this.$route.params獲取參數：
<p>{{this.$route.params.userId}}</p>

2.query
頁面通過path和query傳遞參數，該實例中row為某行表格數據

methods:{
    go:function(){
        this.$router.push({
    　　　　path:'/indext',
　　　　　　query:{
　　　　　　　　userId:1
　　　　　　}
　　　　　})
　　}
},        

 

目標頁面this.$route.query.userId獲取數據

<p>{{this.$route.query.userId}}</p>