当前位置: 首页 > news >正文

el-switch的before-change的使用方法

el-switch的before-change的使用方法
el-switch切换之前先确认是否要进行切换,做二次确认、使用before-change

	<el-switch v-model="scope.row[item.key]" :before-change="() => beforeSwitchChange(scope.row)" @change="onSwitchChange(scope.row)" />
	const onSwitchChange = (val: any) => {
		emit('switchChange', val);
	};
	const beforeSwitchChange = (val: any) => {
		const status = ElMessageBox.confirm(`是否切换?`, '提示', {
			confirmButtonText: '确认',
			cancelButtonText: '取消',
			type: 'warning',
		})
			.then(() => {
				return true;
			})
			.catch(() => {
				return false;
			});
		return new Promise((resolve, reject) => {
			if (status) {
				// 点击确认按钮时设置tags值
				return resolve(status);
			} else {
				return reject(status);
			}
		});
	};

相关文章:

  • 解决wsl2下CentOS 7 的 yum 仓库无法连接问题
  • Vue舞台剧
  • AWS Lambda:无服务器架构如何重塑云计算,解锁企业敏捷开发与成本革命
  • 目标检测YOLO实战应用案例100讲-基于孤立森林算法的高光谱遥感图像异常目标检测(续)
  • Go语言从零构建SQL数据库引擎 - 开篇
  • 【C++游戏引擎开发】《线性代数》(4):矩阵求逆的LU分解实现(SIMD实现计算加速)
  • 某地81栋危房自动化监测试点项目
  • 深度学习图像分类数据集—五种艺术画风格分类
  • 开源AI大模型赋能的S2B2C商业生态重构研究——基于智能名片系统的体验认知与KOC背书机制
  • 单调自增的数字 斐波那契数列 爬楼梯
  • UML中的用例图和类图
  • npm webpack打包缓存 导致css引用地址未更新
  • C++ 结构体与函数
  • Java基础知识总结(1.8)——Java 注解(持续更新)
  • CSS 父类元素的伪类 选择器
  • FME 中使用 DeepSeek API 与 天地图API
  • 使用perf工具分析Linux系统的性能瓶颈
  • 如何轻松查看安卓手机内存,让手机更流畅
  • (转)子网掩码的作用(1)
  • 期刊 | 不收版面费与审稿费的电子通信类期刊
  • 微网站有什么用/珠海网站seo
  • 中国做的比较好的网站/武汉seo优化排名公司
  • 花生壳如何做网站/广告设计与制作需要学什么
  • qq登录网站授权怎么做/网站维护是做什么的
  • 站长之家素材网站/做网站关键词优化的公司
  • 纯文字网站设计/济南seo优化外包服务公司