Vant picker 多级联动操作回显默认值

官网链接

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]
}

你可能感兴趣的:(vue2vantpicker)