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组件就会触发几次事件)
相关推荐
kyriewen7 分钟前
面试8家前端岗位后,我发现了一个残酷的事实:AI不是加分项,是门槛
前端·javascript·面试
MageGojo3 小时前
做节日活动页时,如何用 API 快速生成对联内容
javascript·python·节日·对联生成
向上的车轮3 小时前
Next.js 入门指南:从零到一构建全栈应用
开发语言·javascript·ecmascript
freeinlife'3 小时前
精准秒表计时器实现---基于js
开发语言·前端·javascript
MaCa .BaKa3 小时前
55-宠物爱心救助领养系统-宠物救助领养系统
java·vue.js·tomcat·maven·springboot·宠物救助领养系统
优雅格子衫4 小时前
uniapp 拍照相册选取后超级好用的裁剪组件,增加水印完全自定义
开发语言·前端·javascript·uni-app·vue
AI砖家4 小时前
前端 JavaScript 异步处理全方案详解:从回调到 Observable
开发语言·前端·javascript
柒和远方4 小时前
每日一学V010: 从 Python 回到前端:一个 AI Native 开发者的 JavaScript 底层基础补全
javascript
之歆4 小时前
Day21_电商详情页核心技术实战:从LESS预处理到复杂交互实现
开发语言·前端·javascript·css·交互·less
海鸥两三4 小时前
基于 Vue 3 + 高德地图的网格规划系统实战(有源码)
前端·javascript·vue.js