微信小程序关于currentTarget页面传多个值的方法

页面传值只要传的是前端循环列表中数组的键值对,例如用户按下循环列表中展示到界面的某一个列表中的信息之后,使用currentTarget方法去获取到用户点击的那一条信息,如图:
微信小程序关于currentTarget页面传多个值的方法_第1张图片
当用户点击图片中的某一个加入收藏按钮,或者点击某一条车辆的图片(也设置成了按钮),要先在wxml中加入一个bindtap(点击并调用函数用)
《view data-range="{{item.range}}" data-price = “{{item.price}}” data-name="{{item.name}}" bindtap=‘collection’》《/view》
(这里要将《》替换成<>)
这里的view就用来存储list列表中的数据,使用data-名字=“{{item.属性}}”格式来储存。然后在js中去定义bindtap这个函数

collection:function(e){
var carId = e.currentTarget.dataset.range
var carprice = e.currentTarget.dataset.price
wx.navigateTo({
url: “/pages/first/car-detail?id=” + carId + “&&price=” + carprice
})
},

这里定义carId,carprice,使用e.currentTarget.dataset.属性去赋值。就获取到了列表中用户点击的车辆信息。在使用 wx.navigateTo方法去增加一个可以退出的页面,信息放在页面地址中,格式是:“地址?属性”+属性值+“&&属性=”+属性值
如果是想要在页面之间传多个值的话,使用&&放在属性之间。

你可能感兴趣的:(微信小程序)