页面跳转传参

2020-03-31  本文已影响0人  jeanzy

当前页面

uni.navigateTo({
    url: 'test?id=1&name=uniapp'
});

使用navigateTo跳转 获取方式是option.(url上的属性)

跳转后页面获取参数
export default {
    onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数
        console.log(option.id); //打印出上个页面传递的参数。
        console.log(option.name); //打印出上个页面传递的参数。
    }
}

注意:目前页面路径最多只能十层。


uni.reLaunch({
    url: 'test?id=1'
});

使用reLaunch跳转 获取方式是option.query


export default {
    onLoad: function (option) {
        console.log(option.query);
    }
}

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
redirectTo 跳转方式不会进入getCurrentPages获取的数量中

 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码
 
// 此处是A页面
uni.navigateTo({
    url: 'B?id=1'
});
 
// 此处是B页面
uni.navigateTo({
    url: 'C?id=1'
});
 
// 在C页面内 navigateBack,将返回A页面
uni.navigateBack({
    delta: 2
});

原文地址 https://blog.csdn.net/zhuoganliwanjin/article/details/81781327

上一篇下一篇

猜你喜欢

热点阅读