elementui 多选Checkbox是否被选中
时间: 2023-08-18 17:08:43 浏览: 234
Element ui 下拉多选时新增一个选择所有的选项
在 `element-ui` 中,你可以使用 `v-model` 指令绑定多选框(Checkbox)的选中状态,并在组件上添加 `true-value` 和 `false-value` 属性来指定选中和未选中时的值。当多选框被选中时,`v-model` 绑定的值会被设置为 `true-value`,否则为 `false-value`。
因此,你可以通过判断 `v-model` 绑定的值是否与 `true-value` 相等来判断多选框是否被选中。以下是示例代码:
```vue
<template>
<div>
<el-checkbox v-model="isChecked" true-value="yes" false-value="no">Checkbox</el-checkbox>
<p>{{isChecked}}</p>
</div>
</template>
<script>
export default {
data() {
return {
isChecked: 'no'
}
}
}
</script>
```
在上面的代码中,当多选框被选中时,`isChecked` 的值会被设置为 `true-value`,即 `'yes'`。因此,你可以通过判断 `isChecked === 'yes'` 来判断多选框是否被选中。
阅读全文