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

elment-ui el-tabs组件 每次点击后 created方法都会执行2次

先看错误的 日志打印: 


错误的代码如下:

正确的日志打印: 


正确的代码如下:

 前言:    在element-ui的tabs组件中,我们发现每次切换页面,所有的子组件都会重新渲染一次。当子页面需要发送数据请求并且子页面过多时,这样会过多的占用网络资源。这里我们可以使用
v-if 来进行判断是否渲染该子页面。
不会如何在父页面载入子页面的可用看这一篇文章:在父页面引入子页面文件

v-if 属于惰性加载,当值为false的时候,就不会加载。 随着代码的优化升级,第三个版本是目前最好的版本。

版本一、在data中定义每个子组件相应的值,ture为加载,false为不加载。

 html: 

			// 在子组件中使用v-if来判断是否渲染当前页面
          <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
				<el-tab-pane label&

http://www.kler.cn/a/273988.html

相关文章:

  • 25年对AI产业的25点预测以及展望思考
  • [Linux]进程间通信-共享内存与消息队列
  • gaussdb怎么查询一个表所在的表空间的总大小和可用大小,用GB为单位表示?
  • Git 仓库与文件管理笔记
  • Spring Boot - 日志功能深度解析与实践指南
  • 现代光学基础5
  • 【四 (4)数据可视化之 Ploty Express常用图表及代码实现 】
  • 数据库中DQL、DML、DDL、DCL的概念与区别
  • LightDB24.1 Sequence支持设置minvalue小于INT64_MIN
  • 生成式人工智能如何改变商业和社会
  • layuiAdmin-通用型后台模板框架【广泛用于各类管理平台】
  • html5播放flv视频
  • 微服务原理和实践
  • 如何使用vue插件Konva实现图片的缩放
  • 【代码随想录Day27】
  • 网页429:请求过多
  • 探索未来科技:量子计算的前沿与挑战
  • ET框架新起一个服务及实现服务之间的消息通讯
  • java毕业设计 | springboot+vue游戏交流网站(附源码)
  • 中国传统游戏-幻方-c/c++实现
  • 每天一个数据分析题(二百一十五)
  • 【leetcode】动态规划专题
  • html--蝴蝶
  • 生成微信小程序二维码
  • 由浅到深认识C语言(6):变量的存储类型
  • 如何在 docker 容器内部运行 docker命令