当我选择内容关闭后,再次调起时,仍然显示前一次选择项,但点击“确定”后,却是获得第一项的值。

可以使用修改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];
},
文章讲述了如何在内容选择器关闭后重新打开时,根据用户操作动态改变默认选项。通过添加`default-value`属性并利用回调函数`confirmselect`更新默认下标,确保用户选择的新值作为默认项。
1161

被折叠的 条评论
为什么被折叠?



