elementui checkbox 赋值false之后,点击还返回false
时间: 2023-08-31 11:02:15 浏览: 125
在 ElementUI 中,checkbox 默认情况下,是通过绑定一个值来控制其选中状态的。当我们将 checkbox 的绑定值设置为 false 后,并点击该 checkbox,由于其绑定值已经是 false,所以点击后仍然会返回 false。
要实现点击后返回 true 的效果,可以通过使用 change 事件来监听 checkbox 的改变,并在事件回调函数中手动改变其绑定值。
例子如下:
```html
<template>
<div>
<el-checkbox v-model="checkValue" @change="handleChange">Check me</el-checkbox>
<p>{{ checkValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
checkValue: false,
};
},
methods: {
handleChange() {
this.checkValue = !this.checkValue;
},
},
};
</script>
```
在上述例子中,我们定义了一个 checkValue 变量来绑定 checkbox 的选中状态。在 checkbox 组件中,我们通过 v-model 指令将其与 checkValue 双向绑定。同时,我们使用 @change 事件监听 checkbox 改变的事件,并在事件回调函数中,将 checkValue 的值取反。
这样,当 checkbox 被点击后,checkValue 的值将会切换为相反的状态,从而实现了点击后返回 true 的效果。
阅读全文