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

文章讲述了如何在内容选择器关闭后重新打开时,根据用户操作动态改变默认选项。通过添加`default-value`属性并利用回调函数`confirmselect`更新默认下标,确保用户选择的新值作为默认项。
摘要由CSDN通过智能技术生成

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

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

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值