vant多列联动,动态数据赋值。请参考代码,可直接跑起来。
以下为静态赋值
<van-picker columns="{{ columns }}" bind:change="onChange" />
const citys = {
'浙江': ['杭州', '宁波', '温州', '嘉兴', '湖州'],
'福建': ['福州', '厦门', '莆田', '三明', '泉州']
};
Page({
data: {
columns: [
{
values: Object.keys(citys),
className: 'column1'
},
{
values: citys['浙江'],
className: 'column2',
defaultIndex: 2
}
]
},
onChange(event) {
const { picker, value, index } = event.detail;
picker.setColumnValues(1, citys[value[0]]);
}
});