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 分钟前
打字机效果优化:用 requestAnimationFrame 缓冲高频文字更新
前端·javascript
明月_清风21 分钟前
Markdown 预解析:别等全文完了再渲染,如何流式增量渲染代码块和公式?
前端·javascript
牛奶9 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶9 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
pe7er9 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
程序猿的程13 小时前
开源一个 React 股票 K 线图组件,传个股票代码就能画图
前端·javascript
大雨还洅下14 小时前
前端JS: 虚拟dom是什么? 原理? 优缺点?
javascript
唐叔在学习14 小时前
[前端特效] 左滑显示按钮的实现介绍
前端·javascript
青青家的小灰灰15 小时前
深入理解事件循环:异步编程的基石
前端·javascript·面试
前端Hardy16 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效
前端·javascript·css