当前位置: 首页 > news >正文

关于在使用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>

相关文章:

  • 网站被劫持了怎么办?
  • 二、字符串 String
  • Python数据类型转换
  • Protobuf 和JSON 性能分析
  • DCA培训心得笔记(二)
  • TB-RK1808M0最新固件烧录和驱动更新
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • C语言被创造出来的基础是什么?它的主要结构是什么?
  • error: Unexpected console statement (no-console) 解决办法
  • 神经系统分类和组成图表,神经系统的组成概念图
  • [Swift学习] 访问控制 Access Control, private、public、filePrivate等修饰符
  • [SQL]数据库语言学习
  • 软考高频考点——项目中标了以后该怎么做?
  • 基于注意力机制的LSTM液体管道非稳态工况检测
  • Oracle VM VirtualBox安装CentOS 7系统
  • Google 是如何开发 Web 框架的
  • [case10]使用RSQL实现端到端的动态查询
  • express + mock 让前后台并行开发
  • Flex布局到底解决了什么问题
  • java架构面试锦集:开源框架+并发+数据结构+大企必备面试题
  • React的组件模式
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • SpiderData 2019年2月13日 DApp数据排行榜
  • Spring-boot 启动时碰到的错误
  • swift基础之_对象 实例方法 对象方法。
  • vue.js框架原理浅析
  • 阿里云爬虫风险管理产品商业化,为云端流量保驾护航
  • 分享几个不错的工具
  • 经典排序算法及其 Java 实现
  • 如何使用 OAuth 2.0 将 LinkedIn 集成入 iOS 应用
  • 使用Gradle第一次构建Java程序
  • 微信端页面使用-webkit-box和绝对定位时,元素上移的问题
  • 运行时添加log4j2的appender
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • #HarmonyOS:基础语法
  • #控制台大学课堂点名问题_课堂随机点名
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • $.ajax中的eval及dataType
  • $GOPATH/go.mod exists but should not goland
  • (52)只出现一次的数字III
  • (echarts)echarts使用时重新加载数据之前的数据存留在图上的问题
  • (Python) SOAP Web Service (HTTP POST)
  • (编译到47%失败)to be deleted
  • (免费领源码)python#django#mysql公交线路查询系统85021- 计算机毕业设计项目选题推荐
  • (转)我也是一只IT小小鸟
  • .net Application的目录
  • .NET 使用 JustAssembly 比较两个不同版本程序集的 API 变化
  • .NET/C# 将一个命令行参数字符串转换为命令行参数数组 args
  • .NET开发不可不知、不可不用的辅助类(一)
  • .NET设计模式(8):适配器模式(Adapter Pattern)
  • .Net下使用 Geb.Video.FFMPEG 操作视频文件
  • .php文件都打不开,打不开php文件怎么办
  • @font-face 用字体画图标
  • @RequestMapping用法详解
  • [ 转载 ] SharePoint 资料