ElementPlus el-switch开关页面初始化时,change事件自动触发

解决方案:

html 复制代码
//在el-switch外层包一个盒子 不使用el-switch自带的 change 事件
//盒子上面添加一个 @click 点击事件,通过点击事件来改变el-switch的状态
<div @click="switchChange">
	<el-switch v-model="value1" />
</div>

//这样可以解决页面初始化赋值的时候,el-switch的change事件会一直自动触发的问题
//(有几个el-switch组件就会触发几次事件)
相关推荐
柳杉1 小时前
使用AI从零打造炫酷的智慧城市大屏(开源):React + Recharts 实战分享
前端·javascript·数据可视化
Highcharts.js1 小时前
玩转Highcharts气泡图|从散点图到气泡图:增加一个维度,数据可视化瞬间立体起来
javascript·信息可视化·散点图·highcharts·图表开发·气泡图·图表创建
颜酱2 小时前
差分数组:高效处理数组区间批量更新的核心技巧
javascript·后端·算法
Joker Zxc2 小时前
【前端基础(Javascript部分)】2、JavaScript的变量和数据类型
开发语言·前端·javascript
颜酱4 小时前
前缀和技巧全解析:从基础到进阶
javascript·后端·算法
源码获取_wx:Fegn08955 小时前
计算机毕业设计|基于springboot + vue鲜花销售管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
岱宗夫up5 小时前
【前端基础】HTML + CSS + JavaScript 进阶(一)
开发语言·前端·javascript·css·html
PD我是你的真爱粉5 小时前
Vue Router 4 路由进阶
前端·javascript·vue.js
用户新6 小时前
V8引擎 精品漫游指南--Ignition篇(中) AST详解 字节码的生成
前端·javascript
岱宗夫up6 小时前
【前端基础】HTML + CSS + JavaScript 基础(三)
开发语言·前端·javascript·css·html