uni-app页面跳转传值

uni-app页面跳转时传值

第一步：在A页面中的点击事件后面加上item.id，如下图

前提是外面v-for循环里面有id才可以。

第二步：在A页面中的methods里面写点击事件，在点击事件后面括号里写上要传的id，在跳转的时候把id拼接上。如下图：

　　以?分割，?后面为页面所传递的值，多个值之间以& 间隔

使用 navigator 组件跳转（传参数）

<template>
    <view>
        <navigator url="../detail/detail?id=10&name=test">跳转详情页</navigator>
    </view>
</template>

传值过长时

uni.navigateTo({
     url:'../../pages/page/pay?list=' + encodeURIComponent(JSON.stringify(this.getList))
})

 

然后再B页面的onLoad生命周期里接收，必须用到option：如下图

这样id值就从A页面传到B页面里面来了，最后把数据渲染上去就好了