问题描述：初始化渲染后 tabs的下划线没有居中对其，出现异位。
问题分析: 网上很多大佬分析过出现原因了
记录下解决的过程: 在各个论坛搜集到解决方案都暂时无效 有使用v-if重新渲染的 有给类赋值偏移值的 有强行转换px的 因为各种原因这些方法在自己身上没有奏效所以记录下自己解决方案
偏移问题会在重新点击tabs后计算transform的值而恢复正常。所以在初始化渲染的时候可以把tabs的 current值重新赋值一下
data() {
return {
current: 1,
};
},
onShow() {
this.$nextTick(() => {
// 解决uview u-tab，下划线异常
this.current = 0;
});
},
文章来源：https://www.toymoban.com/news/detail-623037.html
data() { return { current: 1, }; }, onShow() { this.$nextTick(() => { // 解决uview u-tab，下划线异常 this.current = 0; }); },
文章来源地址https://www.toymoban.com/news/detail-623037.html
到了这里，关于记录使用uview的tabs组件初始化渲染下划线移位问题解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
