当我选择内容关闭后,再次调起时,仍然显示前一次选择项,但点击“确定”后,却是获得第一项的值。
可以使用修改default-value的属性来动态改变默认选中的下标
1、加上default-value属性
<u-select mode="single-column" title="全部" @cancel='pickerCancel' @confirm="confirmselect"
:mask-close-able="false" v-model="showStreet" :list="streetList" :default-value="selectDefault"></u-select>
2.定义
selectDefault:[0],
3.// 将默认下标赋值为当前选中的下标
在返回选择器选择的数据的回调当中写
selector为选择器内容数组
confirmselect(val) {
// 将默认下标赋值为当前选中的下标
this.selectDefault = [this.selector.findIndex(item => item.value === val[0].value)] || [0];
},