el-radio-group筛选禁用启用装填

在Element UI的el-radio-group组件中，如果你想筛选出禁用（disabled）或启用（enabled）的radio选项，可以结合v-model绑定的值以及`disabled`属性来进行操作。下面是一个例子：

首先，在数据部分，你需要定义一个数组，每个元素都包含一个value和一个disabled属性：

data() {
  return {
    options: [
      { value: 'option1', label: 'Option 1', disabled: false }, // 默认项
      { value: 'option2', label: 'Option 2', disabled: true },   // 禁用项
      { value: 'option3', label: 'Option 3', disabled: false }  // 其他项
    ],
    selectedValue: ''
  };
},

然后在模板中，你可以这样显示并筛选：

<el-radio-group v-model="selectedValue" @change="handleRadioChange">
  <el-radio
    v-for="option in options"
    :label="option.value"
    :disabled="option.disabled"
    >{{ option.label }}</el-radio>
</el-radio-group>

// 控制函数
methods: {
  handleRadioChange(value) {
    console.log('Selected:', value); // 打印当前选择的值
    let enabledOptions = this.options.filter(option => !option.disabled);
    console.log('Enabled options:', enabledOptions); // 打印所有启用的选项
  }
}

在这个示例中，`v-model`控制当前选中的radio，`:disabled`用于设置每个选项的禁用状态。当用户选择某个选项时，`handleRadioChange`函数会被触发，它会打印所选值，并通过`filter()`方法获取到所有的启用选项。