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>