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

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

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,所以我有了自己的解决方式。

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

http://www.sczhlp.com/news/5274/

相关文章:

  • 兢兢业业勤勤恳恳写了十几年/纯Qt编写的视频监控系统新增功能总结/走到今天真不容易/支持国产系统和CPU
  • 反射内存卡基础:反射内存卡的基础架构
  • Springboot 定时任务 定时执行 定时关闭 配置文件实时配置
  • ZWCAD 批量打印
  • Diff算法的简单介绍
  • 洛谷P1433 吃奶酪(状压dp)
  • 一碰即传,重构跨设备文件分享体验
  • 广告拍卖模拟器AuctionGym获最佳论文奖
  • 2025.8
  • ZYNQ7010的FSBL启动分析
  • QT_0001:Linux相关命令
  • 如何为不可靠的大语言模型注入确定性
  • 真开眼了!利用招聘来盗取加密货币?
  • 简单的小球抛物线动画效果
  • java连接ActiveMQ时出现连接超时 java.net.ConnectException: Connection timed out: connect
  • 一个简单的Mysql备库脚本
  • python中__new__和__init__的区别
  • React ahooks——副作用类hooks之useThrottleFn - 详解
  • 题解:CF1651F Tower Defense
  • 有度鸿蒙全栈方案,安全协作新范式​
  • axios,request配置
  • 数据加密新时代:Crypto核心库的轻量级安全革命
  • rocketmq本地启动安装
  • IvorySQL 上线 Navicat
  • Vue3轻量化使用
  • 双向链表的定义与基本操作
  • 开源驱动下的能源管理革新:安全自主可控与 MyEMS 的实践路径
  • 一个简单的nginx日志切割shell脚本
  • CF1385D a-Good String
  • Docker 替换宿主与容器的映射端口和文件路径