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 分钟前
组件通信-作用域插槽
前端·javascript·vue.js
LZQ <=小氣鬼=>1 小时前
React 图片放大镜组件使用文档
javascript·react.js·前端框架·ecmascript
kyriewen111 小时前
异步编程:从“回调地狱”到“async/await”的救赎之路
开发语言·前端·javascript·chrome·typescript·ecmascript·html5
早點睡3901 小时前
ReactNative项目Openharmony三方库集成实战:@react-native-clipboard/clipboard
javascript·react native·react.js
吴声子夜歌1 小时前
JavaScript——数据类型
开发语言·javascript·ecmascript
Luna-player1 小时前
Vue3中使用vue-awesome-swiper
前端·vue.js·arcgis
SuperEugene1 小时前
Vue3 Pinia 状态管理规范:状态拆分、Actions 写法、持久化实战,避坑状态污染|状态管理与路由规范篇
前端·javascript·vue.js·前端框架·pinia
竹林8182 小时前
从零到一:我在Solana NFT铸造前端中搞定@solana/web3.js连接与交易
前端·javascript
尘世中一位迷途小书童2 小时前
前端工程化基石:package.json 40+ 字段逐一拆解
前端·javascript·架构
酉鬼女又兒3 小时前
零基础快速入门前端JavaScript四大核心内置对象:Math、Date、String、Array全解析(可用于备赛蓝桥杯Web应用开发)
前端·javascript·css·蓝桥杯·前端框架·js