uniapp项目中uview组件使用u-tabs下划线异常
场景:某个页面需要接收另一个页面传过来的值做渲染,结果是对的,但是 tabs 高亮除第一次外下划线显示异常问题:首先要想到是异步问题,一般都是数据先出来之后在高亮,先等接口数据加载完毕之后在赋值解决方案:当数据回显之后,重新渲染 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)
}
更多推荐
已为社区贡献3条内容
所有评论(0)