<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]]);
}
网友评论