uniapp项目中uview组件使用u-tabs下划线异常

场景：某个页面需要接收另一个页面传过来的值做渲染，结果是对的，但是 tabs 高亮除第一次外下划线显示异常

问题：首先要想到是异步问题，一般都是数据先出来之后在高亮，先等接口数据加载完毕之后在赋值
解决方案：当数据回显之后，重新渲染 u-tabs 组件
代码如下：

 <u-tabs
    :activeItemStyle="{ color: '#FFF' }"
    :unActiveColorItemStyle="{ color: '#FFF' }"
    :inactive-color="'#FFF'"
    :list="tablist"
    :current="current"
     @change="onTabchange"
     v-if="tabsShow"
></u-tabs>

data(){
     return {
		tabsShow: true
	} 
}

onShow(){
	  this.tabsShow = false
      setTimeout(() => {
      	this.tabsShow = true
      	this.current = index
      }, 10)
}