vue多选框第二次才能选中

最新推荐文章于 2024-08-22 14:42:19 发布

weixin_43939111

最新推荐文章于 2024-08-22 14:42:19 发布

阅读量755

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js elementui

本文链接：https://blog.csdn.net/weixin_43939111/article/details/130888305

文章讲述了在Vue项目中使用el-checkbox组件时遇到的问题，即由于在change事件中额外对v-model的值进行赋值，导致点击多选框第一次没有响应。解决方案是移除手动赋值，依赖Vue的双向绑定机制来处理值的变化。

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

问题描述

多选框点击处执行赋值，导致鼠标点击框框第一次木反应。以下为错误重现

<template>
	...
	 <el-checkbox label="选项" v-model="type" @change="handleOther"></el-checkbox>
	 <el-checkbox label="选项2" v-model="type2"></el-checkbox>
	...
</template>
<script>
export default{
	data(){
		type:false,
		type2:false
	},
	methods:{
		handleOther(val){
			this.type = val;//错误步骤
			//其他关联操作
			val ? this.type2 = false : this.type2 = true;			
		}
	}
}
</script>