记录使用uview的tabs组件初始化渲染下划线移位问题解决

蹦沙卡拉卡

问题描述：初始化渲染后 tabs的下划线没有居中对其，出现异位。
问题分析:  网上很多大佬分析过出现原因了
记录下解决的过程:  在各个论坛搜集到解决方案都暂时无效  有使用v-if重新渲染的   有给类赋值偏移值的  有强行转换px的 因为各种原因这些方法在自己身上没有奏效所以记录下自己解决方案
偏移问题会在重新点击tabs后计算transform的值而恢复正常。所以在初始化渲染的时候可以把tabs的 current值重新赋值一下

1. data() {
2.     return {
3.       current: 1,
4.     };
5.   },
6. onShow() {
7.     this.$nextTick(() => {
8.      // 解决uview u-tab，下划线异常
9.       this.current = 0;
10.     });
11.   },

复制代码

　　

1.   data() {
2.     return {
3.       current: 1,
4.     };
5.   },
6.   onShow() {
7.     this.$nextTick(() => {
8.      // 解决uview u-tab，下划线异常
9.       this.current = 0;
10.     });
11.   },

复制代码

View Code 

来源:https://www.cnblogs.com/leebigfat/p/17602831.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！