vant picker设置默认值 或 手指滑动 滚动未停止 点击取消或者阴影 再次点击 picker中选中的不是默认值

<van-picker
          ref="pickerDialog"
                :columns="pickerList"
                :default-index="defaultPickerIndex"
                @change="onChange"
            />

之前是这么写 后面点击某一栏 picker显示 手指快速滑动 然后点击阴影或者取消按钮 再次点击某一栏 唤起picker 并设置默认值

                this.dialogTitle = '请选择出生年份';
                this.pickerList = this.List;
                this.defaultPickerIndex = this.pickerSelectedIndex;
                this.showPicker = true;
                

发现未选中默认值 选中的是之前手指滑动之后的值

解决方案:

由于我的列是单列  所以 写第一个参数为0 【注意:不能不写 不然会无效】

                setTimeout(()=>{
                    this.$refs.pickerDialog.setIndexes([ this.pickerSelectedIndex])
                },0)

 注意:必须用settimeout 用了$nexttick 第一次进去会默认选中列表第一个 手指滑动后再点击才会选中默认的 亲测

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值