【elementUI】switch确认后再改变状态 switch回调

小花花inhere

于 2021-02-02 17:04:28 发布

阅读量4.1k

点赞数

分类专栏： elementUI 文章标签： switch elementui switch回调 switch确认

本文链接：https://blog.youkuaiyun.com/IT429/article/details/113566141

版权

8 篇文章

订阅专栏

在遇到需要用户确认后才切换switch状态的问题时，可以利用change事件结合父级对象参数。在change回调中执行绑定值的取反操作，以确保状态变更在用户确认后发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

switch只有个change事件，但很多时候我们是需要用户确认后再去改变状态的，解决办法就是在调用change时把switch绑定的值的父级对象当参数，然后在change的回调里执行取反

<el-switch v-model="form.isShow" @change="changeSwitch(form)"></el-switch>

export default {
	data () {
		form: {
			isShow: true
		}
	},
	methods: {
		changeSwitch (form) {
			form.isShow = !form.isShow
		}
	}
}