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

微信小程序 跳转传值实现方式,第1张

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

跳转传值有多种方式,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路劲拼接而成

在小程序开发中经常会用到跨页面传值,我们常用的一般为全局变量传值和URL参数传值。在全局变量传值过程中,我们可通过var app=getApp(),获取到全局变量app,然后将需要传递的值赋值到全局变量中,如app.getID='18996759675'。

此时,我们已经将需要传递的值存储到全局变量中,然后我们在需要调用的地方,调用全局变量getApp()中之前存储的值,如phone:getApp().getId,随即取出了之前传递的值。

除了全局变量传值,我们还可以通过URL参数传值,URL参数传值的话,从上一个页面中传递某一个参数到编辑页面,以读取数据供填充之用

在读取页面实现onLoad(options)方法,从url路径中获取传递的参数值getId.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11232737.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存