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

elementPlus的el-switch在初始化时会调用一次change事件

出现问题时,先是到官网上看了看是不是使用的API有问题,但是官网并没有说明有什么问题,并且只提供了这一个事件函数(change)。

所以应该不是我使用的问题,又搜索了一下问题,看其他人也有这个问题,搜到的有三个版本:

  1. 可以使用beforeChange来拦截,已达到change事件在初始化时不会被调用的效果
  2. 方法中加$event,就是@change="change($event, item)"
  3. 绑定值不要加:,即:active-value="1"改为cative-value="1"

第三个,但是看他的描述,本就是数据类型没有对应。

第二个,恕我没有理解,也很纳闷写文章的人究竟有没有解决这个问题。

但是第一个,觉得可以一试。但是问题来了,如果使用beforeChange,那么就需要为每个数据添加一个类似firstRender之类的属性,然后在首次渲染过后更改这个值,觉得很不好,也不想添加额外的属性,遂放弃。

处理方式

最后还是经过了一定的思考,既然change事件被调用了,那自然就是数据发生了变化,我没有在加载数据时修改过第二次数据,那么就只可能是在赋值给列表时,检测到了这个变化。

所以初始的列表数据data被修改之前,其中的状态字段应该是个未被定义的值(row.status -> undefined),被赋值后,则是truefalse,所以我有了自己的解决方式。

最终的处理方式是使用v-if在绑定值为undefined时不渲染该组件,至少在我这里是可用的。

http://www.dtcms.com/a/314768.html

相关文章:

  • CCLink转ModbusRTU网关控制除湿机配置案例—PLC组态篇
  • AI大模型的基本知识
  • 如何解决GIT合并冲突问题
  • Python----大模型(量化 Quantization)
  • SimpleDateFormat早期Java 日期格式化工具详解
  • 强干扰下车位识别准确率↑28%!陌讯时序建模方案在充电桩占位检测的实战解析
  • 数据结构与算法:哈希函数的应用及一些工程算法
  • Git基础玩法简单描述
  • AR技术赋能能源勘探:从数据可视化到智能预测的革命性突破
  • AR技术赋能轨道交通培训:虚实结合提升学习效率
  • NumPy 重要知识点总结
  • Anthropic的商业模式与战略
  • 2.4- WPF中非 UI 线程上安全地更新 UI 控件方法
  • QT之QLocalSocket下的两进程互相守护
  • Nexus配置npm私有仓库
  • 开源的现代数据探索和可视化平台:Apache Superset 使用 Docker Compose
  • 单片机裸机程序设计架构
  • MLIR Introduction
  • Linux84 SHELL编程:流程控制 前瞻(1)
  • 数字信号处理_编程实例1
  • 京东开源新框架DripTable:轻量高效的企业级动态列表解决方案
  • 贪心算法
  • 基于Matlab的人脸识别签到系统
  • 前后端流式交互的几种方式
  • 学习嵌入式第十九天
  • 向日葵参考基因组
  • Day49 Java面向对象04 类与对象的创建
  • 【赵渝强老师】达梦数据库的DMSQL
  • Dify的部署(Docker Desktop )
  • 【Python小工具】图片转PDF