当前位置:首页 > uniapp > 正文内容

uni-app页面之间的传参,让下一个页面接收上一个页面的值

关中浪子3年前 (2021-02-06)uniapp1378
【腾讯云】2核2G4M云服务器新老同享99元/年,续费同价
找梯子最重要的就是稳定,这个已经上线三年了,一直稳定没有被封过,赶紧下载备用吧!

为了实现页面之间的通讯,或者数据交换,我们要实现一个页面到另一个页面的传参,可以通过点击跳转的时候进行页面之间的传值。

<template>
    <view>
        <navigator url="../a/a?id=1" hover-class="none">
            <view>跳转到A页面</view>
        </navigator>
        <navigator url="../b/b?id=2" hover-class="none">
            <view>跳转到B页面</view>
        </navigator>
        <navigator url="../c/c?id=3" hover-class="none">
            <view>跳转到C页面</view>
        </navigator>
    </view></template><script>export default {    data() {        return {

        }
    },    methods: {

    },    onLoad: function (option) {        //获得上一个页面传过来的id
        var pageid = option.id;        console.log(pageid);
    }
}</script>


扫描二维码推送至手机访问。

版权声明:本文由码农翻生发布,如需转载请注明出处。

本文链接:https://lubojian.cn/post/15.html

分享给朋友:

相关文章

uniApp实现navigateBack返回修改前一页面数据(支持H5、APP、小程序)

前言:官方有推荐用VUEX实现此类需求的,但是目前不太了解,先分享下目前的解决方案,之后熟悉了再更新下。1、H5和APP/小程序的解决方案是不一样的,虽然都是通过getCurrentPages,但打印出来的前一页面的结构是不同的。2、如果有...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。