Checkbox-button Attributes checked
时间: 2023-12-05 12:03:12 浏览: 155
android checkbox 的isChecked属性
在 `element-ui` 的多选框按钮(Checkbox Button)组件中,可以使用 `checked` 属性来指定该按钮是否被选中。当设置了 `checked` 属性时,该按钮会被默认选中,否则不选中。
以下是 `Checkbox Button` 组件的示例代码:
```vue
<template>
<div>
<el-checkbox-button v-model="checked1" label="apple" checked>Apple</el-checkbox-button>
<el-checkbox-button v-model="checked1" label="banana">Banana</el-checkbox-button>
<el-checkbox-button v-model="checked1" label="orange">Orange</el-checkbox-button>
</div>
</template>
<script>
export default {
data() {
return {
checked1: ['apple']
}
}
}
</script>
```
在上面的代码中,第一个 `Checkbox Button` 组件指定了 `checked` 属性为 `true`,因此会被默认选中。而第二个和第三个 `Checkbox Button` 组件没有指定 `checked` 属性,因此不会被默认选中。
阅读全文