vant tab设置v-model下标问题

在使用vant tab组件的时候,在JS中设置标签的下标,但是页面上并没有实现实时更新的效果,经高人指点,发现问题的原因是vue DOM更新是异步的,tab组件的v-model值在js中重设了,但是DOM并没有更新完,所以页面并没有实现想要的效果。

解决方法是把js中值更新的部分写在this.$nextTick()

this.$nextTick(() => {
	// DOM 更新完毕
	this.activeIndex = this.tree.length - 1
})

你可能感兴趣的:(vue,vant)