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

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.lryc.cn/news/321480.html

相关文章:

  • sheng的学习笔记-AI-Network in Network(NIN)和1*1卷积
  • 【靶机测试--PHOTOGRAPHER: 1【php提权】】
  • LeetCode每日一题——删除有序数组中的重复项
  • 元宇宙VR数字化艺术展降低办展成本
  • 聚类分析 | Matlab实现基于PCA+DBO+K-means的数据聚类可视化
  • 使用 git 先提交后拉取的时候远程分支不允许问题
  • Unity 创建快捷方式开机自动启动
  • 什么是docker(docker客户端、镜像、容器、仓库)
  • [Python人工智能] 四十三.命名实体识别 (4)利用bert4keras构建Bert+BiLSTM-CRF实体识别模型
  • Android Framework开发之Linux +Vim命令
  • MySQL 索引的10 个核心要点
  • MaixSense-A010 接入 ROS
  • 使用WordPress在US Domain Center上建立招聘网站的详细教程
  • C++:类和对象(上篇)
  • 氧化铝电容的工艺结构原理及选型参数总结
  • 野火ESP8266模块开发-基于Arduino IDE
  • [Qt学习笔记]Qt实现自定义控件SwitchButton开关按钮
  • 【工具】mac 环境配置
  • 【前端寻宝之路】学习和总结HTML的标签属性
  • kafka2.x版本配置SSL进行加密和身份验证
  • Linux和Windows下的文件批量重命名
  • stm32之GPIO电路介绍
  • Unity Toggle处理状态变化事件
  • UE5.1 iClone8 正确导入角色骨骼与动作
  • FFmpeg-- c++实现:pcm和yuv编码
  • 图解CodeWhisperer的安装使用
  • Python内置对象
  • 开源数据集 nuScenes 之 3D Occupancy Prediction
  • 物联网竞赛板CubMx全部功能简洁配置汇总
  • 使用Redis做缓存的小案例