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组件就会触发几次事件)
相关推荐
振华OPPO30 分钟前
Vue:“onMounted“ is defined but never used no-unused-vars
前端·javascript·css·vue.js·前端框架
李慕婉学姐1 小时前
【开题答辩过程】以《Javaweb的火花流浪动物救助系统设计与实现》为例,不会开题答辩的可以进来看看
vue.js·spring boot·mysql
拉不动的猪2 小时前
try...catch 核心与生态协作全解析
前端·javascript·vue.js
摇滚侠3 小时前
Vue 项目实战《尚医通》,预约挂号的路由与静态搭建,笔记36
javascript·vue.js·笔记
码上成长3 小时前
React 18 并发特性:useTransition 和 useDeferredValue 动画级解释
javascript·react.js·ecmascript
浩星3 小时前
vue3+datav实现大屏效果
vue.js·datav·大屏
百***68044 小时前
Vue项目中 安装及使用Sass(scss)
vue.js·sass·scss
G***T6914 小时前
React性能优化实战,避免不必要的重渲染
前端·javascript·react.js
网络点点滴4 小时前
标签的ref属性
前端·javascript·vue.js
Cobyte5 小时前
17. Vue3 业务组件库按需加载的实现原理
前端·javascript·vue.js