picker组件多级联动操作回显,官网文档只给了default-index
单列选择时,默认选中项的索引。
多列联动如果设置默认值,回显示用户上次选择的值那?
经过网上查找没找到具体解决方案,经过多方分析研究具体解决方案如下:
1.要先设置default-index
属性。
2.通过 ref 获取到 Picker 实例并调用实例方法getIndexes
// htm部分
// data部分
data(){
return {
defaultIndex: 0,
seleIndex:[0,0]
showPicker: false,
columns: [...
]
}
// 函数部分
// 显示选项方法
showPicker(){
this.showPicker=true;
this.$refs.vanPicker?. setIndexes(this.seleIndex);
}
// 确认选择方法
onConfirm(val ,index){
this.seleIndex=index;
this.defaultIndex= index[0]
}