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组件就会触发几次事件)
相关推荐
发现一只大呆瓜20 分钟前
Vue2:数组/对象操作避坑大全
前端·vue.js·面试
发现一只大呆瓜22 分钟前
Vue3:ref 与 reactive 超全对比
前端·vue.js·面试
程序猿大波1 小时前
基于java,SpringBoot和Vue餐饮公司食堂管理系统设计
java·vue.js·spring boot
swipe2 小时前
JavaScript 对象操作进阶:从属性描述符到对象创建模式
前端·javascript·面试
前端小趴菜053 小时前
vue3项目优化方案
前端·javascript·vue.js
Irene19913 小时前
对比总结:Vue3中的 watch 和 Pinia中的 $subscribe
vue.js·pinia·watch·subscribe
Luna-player4 小时前
gitee上的vue项目,刚刚创建了一个分支,怎么在本地上拉取分支项目
前端·vue.js·gitee
徐小夕4 小时前
借助AI,1周,0后端成本,我开源了一款Office预览SDK
前端·vue.js·github
还是大剑师兰特4 小时前
Vue3 按钮切换示例(启动 / 关闭互斥显示)
开发语言·javascript·vue.js
小金鱼Y4 小时前
从进程线程到 async/await,一文吃透前端异步核心原理
前端·javascript