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组件就会触发几次事件)
相关推荐
大力夯4 分钟前
macOS 使用 n 模块管理 Node.js 版本
vue.js·macos·node.js
fanzhonghong7 分钟前
javaWeb开发之前端实战(Vue工程化+ElementPlus)
前端·javascript·vue.js·后端·spring
openKaka_9 分钟前
completeWork:真实 DOM 是在哪里被创建的
前端·javascript·react.js
bbq粉刷匠10 分钟前
了解HTML、CSS与JavaScript
javascript·css·html
Wonderful U14 分钟前
【前后端】如何使用agent来实现django+vue的前后端开发
vue.js·django
拙慕JULY15 分钟前
GitHub Copilot 在 Vue.js 开发中的使用
vue.js·github·copilot
橙淮23 分钟前
jQuery性能优化终极指南
javascript·jquery
小小编程路23 分钟前
增强版 JavaScript 读取 Excel
开发语言·javascript·excel
Highcharts.js38 分钟前
Highcharts React v5版本迁移的核心注意事项和步骤清单
开发语言·javascript·react.js·前端框架·highcharts
Hello--_--World39 分钟前
Vite:什么是bundleless?哪些要打包,哪些不要打包?依赖预构建是什么?依赖预构建如何减少网络请求的?esbuild 又是什么?
前端·javascript·webpack·vite