使用v-show/v-if出现闪烁和延迟加载的问题

因为我的项目需要频繁切换企业和个人tab栏,所以下面的黑和重小图标就要用v-show来切换,但是由于浏览器加载的问题,这个图标就会出现闪烁和延迟加载的问题

解决方法

          <div v-cloak>
                  <span v-show="row.ifWatch === '1'">
                    <el-tag effect="dark">重</el-tag>
                  </span>
                  <span v-show="row.ifBlack === '1'">
                    <el-tag class="blackTag">黑</el-tag>
                  </span>
                  {{ row.name }}
           </div>
           

在div上加v-cloak
然后再css里面加上

[v-cloak] {
  display: none !important;
}