EndRead - 后读网摘
当前位置:主页 > 技术教程 >

微信小程序picker获取指定option的id多个值

发布时间:2018-09-29类别:技术教程


最近接触微信小程序,项目要根据picker选择的值返回相应的商品id和规格id,由于微信官方文档只给出一个返回下标value的index,一时间想了一个早上才有头绪。



json数据如下:



首先在wxml上绑定相应商品的数据

<picker bindchange="bindPickerChange" name="optionid" value="{{item.option[index_option].id}}" data-goodsid="{{item.goodid}}" range="{{item.option}}" data-options="{{item.option}}" range-key="name">
<image class="addtocart" src='/images/insert_to_shopping_cart.png'></image>
</picker>
将要获取的数据直接绑定到dataset上,如goodsid和option数组

在js上就可以直接获取想要的值


/**
* 绑定规格数据
*/
bindPickerChange: function (e) {
var goodsid = e.target.dataset.goodsid;
var optionid = e.target.dataset.options[e.detail.value].id;
this.setData({
index_option: e.detail.value
})
console.log('商品id:', goodsid);
console.log('规格id:', optionid);
},


效果如下

获取到多个picker想要的值



上一篇:微软WP7系统文档曝光:必须使用ARM处理器

下一篇:没有了