微信小程序picker下拉绑定数据
Posted 酸suan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序picker下拉绑定数据相关的知识，希望对你有一定的参考价值。
页面部分，wxml中写入以下代码
<picker mode = "selector" bindchange="bindPickerChange" value="{{project[idx].id}}" range="{{project}}" range-key="{{‘val‘}}">
<view class="picker picker1">
{{project[idx].val}}<text class=‘down‘></text>
</view>
</picker>
js部分
data: {
idx:0,
project:[
{
id: 0,
val: ‘互联网‘
},
{
id: 1,
val: ‘建材‘
},
{
id: 2,
val: ‘法律‘
},
]
},
// 改变下拉选项
bindPickerChange: function (event){
this.setData({ //给变量赋值
idx: event.detail.value,
})
},
let id = this.data.project[this.data.idx].id以上是关于微信小程序picker下拉绑定数据的主要内容，如果未能解决你的问题，请参考以下文章