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>

猜你喜欢

转载自www.cnblogs.com/rxfn/p/10717187.html