关于uni-app:uniapp页面之间的传参让下一个页面接收上一个页面的值

41次阅读

共计 533 个字符，预计需要花费 2 分钟才能阅读完成。

为了实现页面之间的通信，或者数据交换，咱们要实现一个页面到另一个页面的传参，能够通过点击跳转的时候进行页面之间的传值。

<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>

Author:TANKING
Web:http://www.likeyun.cn/
Date:2020-8-13
WeChat:face6009

正文完