VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > JavaScript >
  • 记录使用uview的tabs组件初始化渲染下划线移位问题解决

问题描述:初始化渲染后 tabs的下划线没有居中对其,出现异位。

问题分析:  网上很多大佬分析过出现原因了

记录下解决的过程:  在各个论坛搜集到解决方案都暂时无效  有使用v-if重新渲染的   有给类赋值偏移值的  有强行转换px的 因为各种原因这些方法在自己身上没有奏效所以记录下自己解决方案

偏移问题会在重新点击tabs后计算transform的值而恢复正常。所以在初始化渲染的时候可以把tabs的 current值重新赋值一下

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

  

复制代码
  data() {
    return {
      current: 1,
    };
  },
  onShow() {
    this.$nextTick(() => {
     // 解决uview u-tab,下划线异常
      this.current = 0;
    });
  },
复制代码

出处:https://www.cnblogs.com/leebigfat/p/17602831.html


相关教程