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组件就会触发几次事件)
相关推荐
Southern Wind7 分钟前
Vue 3 + Naive UI 企业级后台管理系统完整解析
前端·vue.js·ui·typescript
清汤饺子8 分钟前
AI 编程新范式:Spec First 的四件套,让 AI 不再是"热情但跑偏的实习生"
前端·javascript·后端
坐吃山猪8 分钟前
TypeScript编程04-函数
javascript·ubuntu·typescript
LXXgalaxy10 分钟前
小程序文件上传怎么做?一套可复用的 UniApp 上传+预览 Demo
javascript·vue.js·uni-app
wangjinsheng59314 分钟前
Vue3 + Element Plus 前端 AI 编码模板
前端·vue.js·ai·elementui·ai编程
xiaohe0723 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
Cobyte25 分钟前
2.响应式系统基础:依赖追踪的基础 —— 发布订阅模式(前端应用最广的设计模式)
前端·javascript·vue.js
qq_3813385028 分钟前
Vue3 响应式系统深度解析:从原理到性能优化实战
vue.js·性能优化
xuankuxiaoyao41 分钟前
VUE.JS实践--事件对象和计算属性
javascript·vue.js·ecmascript
朝阳5811 小时前
M3U8 下载助手油猴脚本 - 完全使用指南
前端·javascript·windows