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组件就会触发几次事件)
相关推荐
pengles8 分钟前
基于RuoYi-Vue-Plus项目实现移动端项目
java·vue.js·uni-app
吴声子夜歌22 分钟前
JavaScript——异步编程
开发语言·前端·javascript
吴声子夜歌31 分钟前
TypeScript——命名空间
javascript·ubuntu·typescript
xujing_061 小时前
跑马灯组件vue3+es6
前端·javascript·es6
我只是来分享的1 小时前
Js也能写外挂?8 行代码改掉《植物大战僵尸》的阳光值!对于js来说超越调用大漠超越调用memory.js
javascript
Mahut1 小时前
我们是怎么用 TanStack 全家桶的
前端·javascript·架构
说实话起个名字真难啊1 小时前
前端JS审计:渗透测试的“破局之钥”
开发语言·前端·javascript·测试工具
吴声子夜歌1 小时前
TypeScript——编译器和编译选项
前端·javascript·typescript
Traced back2 小时前
[特殊字符] Vue3 常用指令大全
前端·javascript·vue.js
Highcharts.js2 小时前
在React中使用图表库时,优先选择组件化方案可以降低开发复杂度
前端·javascript·react.js·数据可视化·highcharts