van-picker在wepy多级联动

2019-07-14  本文已影响0人  Rogi
<van-picker columns="{{columns}}" @change="onChange"></van-picker>
data = {
  columns: [
        // 一级选项
        {
          values: ['浙江','福建'],
          className: 'column1'
        },
        // 二级选项
        {
          values: {
            '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'],
            '福建': ['福州', '厦门', '莆田', '三明', '泉州']
          }['福建'],
          defaultIndex: 2
        }
  ]
}

动态的修改获取并且修改二级联动的选项,picker.detail.value[0]

onChange(picker, values) {
        this.columns = [
        {
          values: ['浙江','福建'],
          className: 'column1'
        },
        {
          values: {
            '浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'],
            '福建': ['福州', '厦门', '莆田', '三明', '泉州']
          }[picker.detail.value[0]],
          className: 'column2',
          defaultIndex: 2
        }
      ]
        console.log(picker.detail.value[0])
        console.log(values)
        // 在wepy里面似乎就调用不了setColumnValues这个方法了....
        // picker.setColumnValues(1, citys[values[0]]);
}
上一篇 下一篇

猜你喜欢

热点阅读