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

本文主要是介绍uni-app页面之间的传参，让下一个页面接收上一个页面的值，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

<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

这篇关于uni-app页面之间的传参，让下一个页面接收上一个页面的值的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！