1. 常用方式
uni.navigateTo({
url:'/pages/index/test',
})
<navigator url="/pages/index/test" animation-type="pop-in">跳转</navigator>
2.情况1. 在当前页面跳转到test页面的时候 我希望传递一些参数
uni.navigateTo({
url:`/pages/index/test?id=${
this.id}&name=${
this.name}`,
})
test页面
export default{
onload(params){
}
}
情况2. 在当前页面跳转到test页面的时候 我希望传递一个对象,明显你现在不能拼接了 你可能会想
uni.$emit('事件名称',object)
jumpTo(){
uni.navigateTo({
url:`/pages/index/test`,
success:(res)=>{
res.eventChannel.emit('sendTestValue',{
info:this.info
})
}
})
}
test.vue 中 怎么接受呢
onload(){
this.page = this.getOpenerEventChannel();
this.page.on('sendTestValue',(data)=>{
})
}
情况3. test 是一个页面并不是一个组件,对吧?但是我希望, 在这个页面操作一些东西之后
methos:{
sendBeforPage(){
uni.$emit('send',123);
},
还记得 this.page吗?
sendBeforPage(){
this.page.emit('send',123)
}
}
还记的uni.navigateTo吗?
methos:{
jumpTo() {
uni.navigateTo({
url: "/pages/index/test",
events: {
send(data) {
this.shareData = data;
},
}
})
}
}