uniapp的u-select遇见的坑——解决uView u-select第二次弹出显示前一次选择内容,但实际获取值为第一项的问题!

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

可以使用修改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]; 
			},

猜你喜欢

转载自blog.csdn.net/lingrer/article/details/135916908