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组件就会触发几次事件)
相关推荐
玩嵌入式的菜鸡19 分钟前
网页访问单片机设备---基于mqtt
前端·javascript·css
前端一小卒33 分钟前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端
阿丰资源3 小时前
SpringBoot+Vue实战:打造企业级在线文档管理系统
vue.js·spring boot·后端
豹哥学前端5 小时前
用猜数字游戏,一口气掌握 JavaScript 核心知识点(附完整代码)
前端·javascript
忆往wu前5 小时前
从0到1一步步拆解搭建,梳理一个 Vue3 简易图书后台全开发流程
前端·javascript·vue.js
shao9185165 小时前
第3章(2)——使用Gradio JavaScript Client
javascript·node.js·cdn·gradio·job·events·playcode
光影少年6 小时前
大屏页面,一次多个请求,请求加密导致 点击 全局时间选择器 时出现卡顿咋解决(面板收起会延迟1~2秒)
前端·javascript·vue.js·学习·前端框架·echarts·reactjs
Mr.mjw6 小时前
vue中封装一个环形进度条组件,根据外部盒子大小自适应变化
前端·javascript·vue.js
无心使然6 小时前
Openlayers调用ArcGis影像服务之一动态地图、地图切片(/exportImage)
前端·javascript·数据可视化
唯火锅不可辜负6 小时前
uniapp开发公众号订阅功能踩坑小记
前端·vue.js