vue中点击复选框时，如果为打开按钮，单选框不能被选中

可以通过监听复选框的 `change` 事件，在事件处理函数中判断复选框是否被选中，如果是，则将单选框的 `disabled` 属性设置为 `true`，否则设置为 `false`。具体实现如下：

<template>
  <div>
    <input type="checkbox" v-model="checked" @change="handleChange">
    <label>打开按钮</label>

    <br>

    <input type="radio" value="1" name="radio" :disabled="radioDisabled">
    <label>选项1</label>

    <br>

    <input type="radio" value="2" name="radio" :disabled="radioDisabled">
    <label>选项2</label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: false,
      radioDisabled: false
    }
  },
  methods: {
    handleChange() {
      this.radioDisabled = this.checked;
    }
  }
}
</script>

在上面的代码中，我们使用了 `v-model` 指令绑定了复选框的选中状态，并且在复选框的 `change` 事件中调用了 `handleChange` 方法。在 `handleChange` 方法中，我们根据复选框的选中状态来动态设置单选框的 `disabled` 属性，从而实现了单选框根据复选框的状态来控制是否能够被选中。