判断el-checkbox是否选中
时间: 2023-09-10 09:04:51 浏览: 193
CheckBox是否选中
可以通过 `v-model` 指令来绑定 `el-checkbox` 的选中状态,选中时,绑定的变量值为 `true`,未选中时为 `false`。因此,只需要判断这个变量的值即可判断 `el-checkbox` 是否选中。
例如,假设我们绑定的变量名为 `isChecked`,则可以通过以下方式判断 `el-checkbox` 是否选中:
```javascript
if (this.isChecked) {
// 选中状态
} else {
// 未选中状态
}
```
另外,如果需要监听 `el-checkbox` 的选中状态变化,可以使用 `@change` 事件。例如:
```html
<template>
<el-checkbox v-model="isChecked" @change="handleChange">选中</el-checkbox>
</template>
<script>
export default {
data() {
return {
isChecked: false
};
},
methods: {
handleChange(val) {
console.log('选中状态:', val);
// 可以根据 val 的值判断 el-checkbox 是否选中
}
}
};
</script>
```
在 `handleChange` 方法中,`val` 参数表示当前的选中状态,`true` 表示选中,`false` 表示未选中。
阅读全文