微信小程序 跳转传值实现方式

Posted 2023-04-27

参考技术A 无论小程序，还是安卓开发，列表点击跳转传值是必备掌握的基础知识。

跳转传值有多种方式，1.可以单穿某个字段，2.可以传对象。

这里我只讲下怎么传递对象，在实际开发中，传对象是普遍选择的一种传值方式。

下面是一个类表展示的数据

分析：
1.列表的点击事件，最重要的是如何获点下对应item的position 下标。
定义一个下标：通过 wx:for-index="index" ，并指定 <view id="index"/>

2.通过定义好的下标index获取对象。
获取方式： event.currentTarget.id
再通过： JSON.stringify() 得到let;

3.怎么接收?
let item = JSON.parse(options.dataObject);

dataObject 参数是跳转url 定义的，类似一般的get请求格式，不多说

最后总结一下：

也可以通过自定义属性来指定下标 data - xxxx

再获取： event.currentTarget.dataset.postid

传递多个参数： 就是一个url路劲拼接而成

微信小程序——页面跳转传值

比如从index。wxml跳转到aaa.wxml

index.wml

<navigator url="../aaa/aaa?id=1" > </navigator>

传到aaa。wxml的时候传过去的值为id=1，则需要在aaa.wxml 的js获取到id=1

aaa。js

Page({
data: {

 

id:‘‘
},
onLoad: function (options){
var that = this;
that.setData({
id: options.id
})
console.log(that.data.id)
}
})