vue多选框第二次才能选中
·
问题描述
多选框点击处执行赋值,导致鼠标点击框框第一次木反应。以下为错误重现
<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>
点击时双向绑定已经将值修改,不需要再多一步手动赋值,否则会导致点击两次才能选中输入框
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)