关于vue2:Vant-picker-多级联动操作回显默认值

<article class=“article fmt article-content”><p>官网链接</p><p>picker组件多级联动操作回显，官网文档只给了<code>default-index</code>单列抉择时，默认选中项的索引。<br/>多列联动如果设置默认值，回显示用户上次抉择的值那？<br/>通过网上查找没找到具体解决方案，通过多方剖析钻研具体解决方案如下：<br/>1.要先设置<code>default-index</code>属性。<br/>2.通过 ref 获取到 Picker 实例并调用实例办法<code>getIndexes</code></p><pre><code>// htm局部<van-popup v-model=“showPicker” position=“bottom”> <van-picker ref = “vanPicker” show-toolbar :columns=“columns” @cancel=“showPicker = false” @confirm=“onConfirm” default-index=“defaultIndex” /></van-popup>// 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]}</code></pre></article>