关于在使用elementui的tabs组件进行切换组件时会闪屏的解决方案

在使用elementui的tabs组件进行切换组件时内容会抖动闪屏
起初代码使用如下:

<el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="自定义内容敏感词" name="first"
        ><listContentVue :listData="listData"></listContentVue
      ></el-tab-pane>
      <el-tab-pane label="自定义错别字" name="second"
        ><listContentVue  :listData="listData"></listContentVue
      ></el-tab-pane>
    </el-tabs>

解决闪屏办法:
加v-if 如何加 代码如下

<el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="自定义内容敏感词" name="first"
        ><listContentVue  v-if="activeName === 'first'" :listData="listData"></listContentVue
      ></el-tab-pane>
      <el-tab-pane label="自定义错别字" name="second"
        ><listContentVue  v-if="activeName === 'second'" :listData="listData"></listContentVue
      ></el-tab-pane>
    </el-tabs>

猜你喜欢

转载自blog.csdn.net/m0_54932975/article/details/126646904