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

2023-05-16

官方文档: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])    // 注意这里是数组[索引值]
	})

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

van-picker组件default-index属性设置不生效踩坑 的相关文章

随机推荐