Fork me on GitHub

[Vue]-页面之间传递参数

同级传参的两种方式
1.query穿参,或者params传参
使用 this.$router.push({path: ‘/‘, query: {参数名: ‘参数值’})
this.$router.push({name: ‘/‘, params: {参数名: ‘参数值’})

在A列表跳转页//点击事件

1
2
3
4
5
6
7
goToSDetails:function (id) {
this.$router.push({
path:'./release',
query:{
nameId:this.list[id].nameCn},
})
},

在B详情页

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
created:function(){
this.getParams();
},
watch: {
// 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可
'$route': 'getParams'
},
methods:{
getParams:function(){
// 取到路由带过来的参数
var routerParams = this.$route.query.nameId
// 将数据放在当前组件的数据内
console.log("传来的参数=="+routerParams)
this.textareText = routerParams
},
}

支持作者