vue3 element-plus 单选框组嵌套单选框组

可以通过使用`el-radio-group`组件和嵌套的`el-radio-group`组件来实现单选框组嵌套单选框组的效果。以下是一个示例代码：

<template>
  <div>
    <el-radio-group v-model="selectedCity">
      <el-radio :label="1">北京</el-radio>
      <el-radio :label="2">上海</el-radio>
      <el-radio :label="3">广州</el-radio>
    </el-radio-group>
    
    <el-radio-group v-model="selectedDistrict">
      <el-radio :label="1" v-if="selectedCity === 1">朝阳区</el-radio>
      <el-radio :label="2" v-if="selectedCity === 1">海淀区</el-radio>
      <el-radio :label="3" v-if="selectedCity === 2">黄浦区</el-radio>
      <el-radio :label="4" v-if="selectedCity === 2">徐汇区</el-radio>
      <el-radio :label="5" v-if="selectedCity === 3">天河区</el-radio>
      <el-radio :label="6" v-if="selectedCity === 3">越秀区</el-radio>
    </el-radio-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedCity: '',
      selectedDistrict: ''
    }
  }
}
</script>

在上面的示例中，我们首先创建了一个外部的`el-radio-group`组件，用于选择城市。然后，我们创建了一个内部的`el-radio-group`组件，用于选择城市对应的区域。通过在内部`el-radio`元素上使用`v-if`指令来根据所选城市动态显示/隐藏对应的区域选项。

请注意，如果您需要实现更多层次的嵌套，可以使用类似的方式嵌套多个`el-radio-group`组件。但是请注意不要深度嵌套太多层，否则可能会影响性能和用户体验。