技术栈

ElementPlus el-switch开关页面初始化时,change事件自动触发

红烧咸咸鱼2023-11-17 13:48

解决方案:

html 复制代码
//在el-switch外层包一个盒子 不使用el-switch自带的 change 事件
//盒子上面添加一个 @click 点击事件,通过点击事件来改变el-switch的状态
<div @click="switchChange">
	<el-switch v-model="value1" />
</div>

//这样可以解决页面初始化赋值的时候,el-switch的change事件会一直自动触发的问题
//(有几个el-switch组件就会触发几次事件)
上一篇:Next.js 中关于'use client'的使用误解及解法
下一篇:Django之视图层
相关推荐
A923A
1 分钟前
【Vue3大事件 | 项目笔记】第一天
前端·vue.js·笔记·前端框架
北寻北爱
10 分钟前
axios
开发语言·前端·javascript
Nuopiane
11 分钟前
Mypal3(9)
前端·javascript·数据库
钰衡大师
21 分钟前
Vue 3 源码阅读笔记:ref.ts
javascript·vue.js·笔记·vue3源码阅读
嘉琪001
27 分钟前
Day4 完整学习包(this 指向)——2026 0313
前端·javascript·学习
前端小菜鸟也有人起
27 分钟前
Vue3父子组件通信方法总结
前端·javascript·vue.js
Maimai10808
36 分钟前
React Server Components 是什么?一文讲清 CSR、Server Components 与 Next.js 中的客户端/服务端组件
前端·javascript·css·react.js·前端框架·html·web3
肉肉不吃 肉
1 小时前
事件循环,宏任务,微任务
前端·javascript
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03本地部署 OpenClaw + DeepSeek-R1 完全指南04Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南05OpenClaw 飞书机器人不回复消息?3 小时踩坑总结06OpenClaw macOS 完整安装与本地模型配置教程(实战版)07得物前端部门,没了08OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录09Window 10部署openclaw报错node.exe : npm error code 12810OpenClaw 接入 QQ Bot 完整实践指南