uniapp开发,两种页面跳转的传参和接收参数
1.用navigateTo跳转父页面 传参methods:{text(id){uni.navigateTo({//其中 /pageApps/live/liveList是跳转的子页面的路径,?后的是传递的参数url: `/pageApps/live/liveList?id=${id}`})}}子页面 接收参数onload(option){console.log(option.id);}2.用jump
·
1.用navigateTo跳转
父页面 传参
methods:{
text(id){
uni.navigateTo({
//其中 /pageApps/live/liveList是跳转的子页面的路径,?后的是传递的参数
url: `/pageApps/live/liveList?id=${id}`
})
}
}
子页面 接收参数
onload(option){
console.log(option.id);
}
2.用jump跳转
父页面 传参
<button @tap="jump('/pageUser/address/edit', { id: 0, from: from })">点击跳转</button>
或
methods:{
test(type,text){
this.jump('/pageOrders/listGoods', { type: type,text:text});
}
}
请注意:当父页面采用jump这种方式跳转时,父页面需要配套方法
methods:{
// 路由跳转
jump(path, parmas) {
this.$Router.push({
path: path,
query: parmas
});
},
}
子页面 接收参数
onload(){
let id = this.$Route.query.id;
}
更多推荐



所有评论(0)