el-checkbox禁用部分
时间: 2023-10-02 17:10:11 浏览: 36
若要禁用el-checkbox的部分选项,可以在每个选项上加上一个属性 `:disabled`,并将其绑定到一个布尔值上,例如:
```html
<template>
<el-checkbox-group v-model="checkedCities">
<el-checkbox :label="city.label" :disabled="city.disabled" v-for="city in cities" :key="city.value">{{ city.label }}</el-checkbox>
</el-checkbox-group>
</template>
<script>
export default {
data() {
return {
cities: [
{ value: 'New York', label: 'New York', disabled: false },
{ value: 'Los Angeles', label: 'Los Angeles', disabled: true },
{ value: 'Chicago', label: 'Chicago', disabled: false },
{ value: 'Houston', label: 'Houston', disabled: true },
{ value: 'Philadelphia', label: 'Philadelphia', disabled: false }
],
checkedCities: []
}
}
}
</script>
```
在上面的例子中,Los Angeles和Houston两个选项被禁用了,其他选项仍然可以被选中。