问题描述:使用wd-tabs组件时,下划线会出现偏移问题
问题原因:初始化时下划线处于隐藏状态,点击切换时未能及时计算组件宽度,导致位置错误
问题解决:使用tabsRef中的updateLineStyle方法
注:使用nextTick方法无效,这里采用setTimeout方法,等组件重绘之后重新绘制下划线即可
在tab点击事件click事件中加入:
setTimeout(() => {
tabsRef.value.updateLineStyle()
}, 200)
效果: