checkbox-group 动态数据 其中一个禁用 生成代码
时间: 2024-05-11 16:16:13 浏览: 57
您好,我理解您的问题是如何生成含有动态数据和禁用 checkbox-group 的代码。根据您的描述,您可以在代码中使用 v-bind 指令动态绑定数据,同时使用 v-bind:disabled 属性控制禁用状态。以下是一个示例代码:
```
<template>
<div>
<label v-for="(item, index) in items" :key="index">
<input type="checkbox"
:value="item.value"
v-model="checkedValues"
:disabled="item.disabled">
{{ item.label }}
</label>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ label: '选项一', value: 'option1', disabled: false },
{ label: '选项二', value: 'option2', disabled: true },
{ label: '选项三', value: 'option3', disabled: false },
],
checkedValues: [],
};
},
};
</script>
```
上述代码利用 v-for 指令动态生成多个 checkbox,并使用 v-bind 指令绑定数据。同时,根据不同的动态数据,设置 v-bind:disabled 属性控制禁用状态。希望这可以解决您的问题。
阅读全文
相关推荐













