uniapp页面之间传值

页面传值

如果数据仅在跳转和被跳转页面中传递, 可以在跳转时传递数据. 如果数据需要多个页面使用, 可以采用本地存储处理数据

一. uni.navigateTO

url有长度限制, 太长的字符串会传递失败

这里列举一个例子, 其他几个路由跳转传递参数的方法和这个相同

//从此页面跳转到test页面并传递两个参数
uni.navigateTo({
    url:'test?id=123&name=张三'
})

//在test页面接收参数
export default {
    onLoad: function(e){
        console.log(e.id); //123
        console.log(e.name); //张三
    }
}

二. navigator

<navigator :url="/pages/test/test?id=1"></navigator>

//在test.vue页面接收参数
onLoad:function(e){
    console.log(e.id) //1
}