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组件就会触发几次事件)
相关推荐
浮笙若有梦7 分钟前
我开源了一个比 Ant Design Table 更好用的高性能虚拟表格
前端·vue.js
张元清25 分钟前
React Hooks vs Vue Composables:2026 年全面对比
前端·javascript·面试
yuki_uix26 分钟前
从三个自定义 Hook 看 React 状态管理的设计思想
前端·javascript
CyrusCJA36 分钟前
JavaScript原型与super关键字
前端·javascript·js
codeshareman2 小时前
JSON.stringify 在 React Hooks 依赖项里的坑:一次复盘
javascript
进击的尘埃2 小时前
把 LLM 吐出来的组件扔进 `iframe` 跑:沙箱隔离这件事没你想的那么简单
javascript
ujainu2 小时前
Electron 极简时钟应用开发全解析:托盘驻留、精准北京时间与 HarmonyOS PC 适配实战
javascript·electron·harmonyos
清空mega2 小时前
《Vue Router 与 Pinia 入门:页面跳转、动态路由、全局状态管理一篇打通》
前端·javascript·vue.js
进击的尘埃2 小时前
从一个 `console.log` 顺序翻车说起,聊聊微任务那些糟心事
javascript
踩着两条虫2 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(十):物料系统之内置组件库
前端·vue.js