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组件就会触发几次事件)
相关推荐
Cobyte几秒前
9.响应式系统演进:effectScope 的作用与实现原理(Vue3.2)
前端·javascript·vue.js
ZC跨境爬虫11 分钟前
Apple官网复刻第二阶段day_1:(导航栏模块化重构+工业化可复用UI落地)
前端·javascript·css·ui·重构
梅梅绵绵冰21 分钟前
若依框架-智慧社区项目
前端·javascript·vue.js
kuuailetianzi35 分钟前
Vue 3图片全屏预览组件:打造专业级图像浏览体验
前端·javascript·microsoft
前端杂货铺36 分钟前
manifold-3d——在 Vue 项目中实现干涉检查
前端·vue.js·manifold
晓得迷路了1 小时前
栗子前端技术周刊第 126 期 - Rspack 2.0、TypeScript 7.0 Beta、Git 2.54...
前端·javascript·ai编程
nLYA SCOL1 小时前
MySQL数据的增删改查(一)
android·javascript·mysql
小小码农Come on1 小时前
单例 QtObject 全局配置
开发语言·前端·javascript
Mr.mjw1 小时前
vue中封装一个进度条组件,无需引入,纯css
javascript·css·vue.js
灵感__idea9 小时前
Hello 算法:“走一步看一步”的智慧
前端·javascript·算法