el-checkbox勾选后禁用

可以在el-checkbox中添加属性:disabled来禁用勾选功能。例如：

<el-checkbox v-model="isSkip" true-label="Y" false-label="N" disabled>跳过条件</el-checkbox>

这样就可以禁用勾选功能了。如果需要在勾选后禁用，可以在v-model绑定的变量isSkip为true时添加disabled属性。例如：

<el-checkbox v-model="isSkip" true-label="Y" false-label="N" :disabled="isSkip">跳过条件</el-checkbox>

这样当isSkip为true时，勾选后就会禁用勾选功能了。

相关问题

el-checkbox-group 传入值，选中的el-checkbox 子项禁用，未选中的可用

你可以通过 `v-model` 绑定 `el-checkbox-group` 的选中值，然后使用 `:disabled` 绑定每个 `el-checkbox` 的禁用状态。当选中值包含当前 `el-checkbox` 的值时，该 `el-checkbox` 将被禁用。

以下是一个示例代码：

<template>
  <el-checkbox-group v-model="selectedValues">
    <el-checkbox v-for="item in options" :key="item.value" :label="item.value" :disabled="isDisabled(item)">
      {{ item.label }}
    </el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' }
      ],
      selectedValues: []
    };
  },
  methods: {
    isDisabled(item) {
      return this.selectedValues.includes(item.value);
    }
  }
};
</script>

在上面的示例中，当某个选项被勾选时，其他未被勾选的选项依然可用，但是被勾选的选项将被禁用。

我有两个el-checkbox，当我其中一个是默认禁用但是没有勾选，当我点击另外一个时，此时禁用的el-checkbox也默认勾选，应该怎么实现？

你可以在另外一个el-checkbox的点击事件中，通过修改数据来控制禁用的el-checkbox的勾选状态，具体实现如下：

<template>
  <div>
    <el-checkbox v-model="checkbox1" :disabled="true">禁用的checkbox</el-checkbox>
    <el-checkbox v-model="checkbox2" @click="handleClick">可用的checkbox</el-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkbox1: false,
      checkbox2: false
    };
  },
  methods: {
    handleClick() {
      // 如果禁用的checkbox没有勾选，则勾选它
      if (!this.checkbox1) {
        this.checkbox1 = true;
      }
    }
  }
};
</script>

在这个例子中，我们通过给禁用的el-checkbox绑定一个`checkbox1`数据来控制它的勾选状态，然后在另一个可用的el-checkbox的点击事件中，判断禁用的el-checkbox是否勾选，如果没有勾选，则将其勾选。这样就能实现在点击另一个el-checkbox时，禁用的el-checkbox也默认勾选的功能了。