微信小程序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下拉绑定数据的主要内容,如果未能解决你的问题,请参考以下文章