van-picker组件default-index属性设置不生效踩坑

官方文档:default-index 单列选择时,默认选中项的索引 number | string 0

defaultIndex 这个属性只是一个初始值,
如果需要动态改变 index索引:
建议使用 picker 实例的 setIndexes 方法

通过 ref 可以获取到 Picker 实例并调用实例方法,
setIndexes 设置所有列选中值对应的索引 indexes -
// 1.给van-picker设置ref,如ref="van_picker"

	<van-popup v-model="showPicker" position="bottom">
		<van-picker
			show-toolbar  value-key="label"  ref="van_picker"
			:columns="columns"  :default-index="defaultBuIndex"
			@confirm="onConfirm" @cancel="showPicker = false"
		/>
	</van-popup>
	
// 2. 在需要的方法中调用:  

	 this.$nextTick(() =>{
		this.$refs.van_picker.setIndexes([0])    // 注意这里是数组[索引值]
	})

————————————————
版权声明:本文为CSDN博主「weixin_45121510」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_45121510/article/details/110630931

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值