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组件就会触发几次事件)
相关推荐
程序员林北北18 小时前
【前端进阶之旅】Vue3 + Three.js 实战:从零构建交互式 3D 立方体场景
前端·javascript·vue.js·react.js·3d·typescript
岱宗夫up18 小时前
【前端基础】HTML + CSS + JavaScript 基础(二)
开发语言·前端·javascript·css·架构·前端框架·html
我是苏苏18 小时前
Web开发:使用Ocelot+Nacos+WebApi作简单网关鉴权
前端·javascript·ui
SuperEugene19 小时前
Day.js API 不包含插件API的速查表
前端·javascript·面试
前端 贾公子19 小时前
Vue3 组件库的设计和实现原理(上)
javascript·vue.js·ecmascript
源码获取_wx:Fegn089519 小时前
计算机毕业设计|基于springboot + vue家政服务平台系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
明月_清风19 小时前
浏览器时间管理大师:深度拆解 5 大核心调度 API
前端·javascript
+VX:Fegn089519 小时前
计算机毕业设计|基于springboot + vue社区智慧消防管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
明月_清风19 小时前
你不知道的 JS——现代系统级 API 篇
前端·javascript
一 乐19 小时前
英语学习平台系统|基于springboot + vue英语学习平台系统(源码+数据库+文档)
java·vue.js·spring boot·学习·论文·毕设·英语学习平台系统