美文网首页
页面跳转传参

页面跳转传参

作者: jeanzy | 来源:发表于2020-03-31 09:12 被阅读0次

    当前页面

    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

    相关文章

      网友评论

          本文标题:页面跳转传参

          本文链接:https://www.haomeiwen.com/subject/iqbiuhtx.html