自学内容网 自学内容网

uniapp+vue3页面跳转和传参

页面跳转:

uni.navigateTo({url: '/pages/index'})

返回上一层:

uni.navigateBack
({
    delta: 1
})

页面跳转时传参:

跳转前的页面:

uni.navigateTo({url: "/pages/index?id=123"})

跳转后的页面:

onLoad(options)
{
console.log('options = ', options)
},

如果传的参数是一个对象:

let o = {
    'id' : 134,
'name' : 'Mike'
}
uni.navigateTo({url: '/pages/index?data=' + JSON.stringify(o)})

跳转后的页面:

onLoad(options)
{
console.log('options = ', options)
const data = JSON.parse(options.data) // 从URL中获取数据
this.id= data.id
this.name= data.name
console.log('id= ', this.id)
console.log('name= ', this.name)
},

参考链接


原文地址:https://blog.csdn.net/kaida1234/article/details/140203370

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!