el-radio竖着排列，如何让el-checkbox在最后一个展示

### 实现 `el-checkbox` 在垂直排列的 `el-radio` 组之后显示

为了实现这一布局需求，在 Element UI 中可以利用 `el-form-item` 或者简单的 HTML 结构来组合这些组件。下面是一个具体的例子，展示了如何通过调整标签和容器结构让 `el-checkbox` 出现在一组垂直排列的单选按钮 (`el-radio`) 的下方。

<template>
  <div class="radio-group-with-checkbox">
    <!-- 单选框组 -->
    <el-radio-group v-model="selectedOption" style="display:block;">
      <el-radio-button label="选项A"></el-radio-button>
      <br />
      <el-radio-button label="选项B"></el-radio-button>
      <br />
      <el-radio-button label="选项C"></el-radio-button>
    </el-radio-group>

    <!-- 复选框放置于单选框组之下 -->
    <el-checkbox v-model="checked">附加选项</el-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '选项A',
      checked: false,
    };
  },
};
</script>

<style scoped>
/* 可选样式 */
.radio-group-with-checkbox .el-radio-button__inner {
  display: block;
  width: 100%;
}
</style>

此代码片段定义了一个包含三个选项的单选按钮列表，并将其设置为块级元素以便垂直堆叠[^1]。随后紧跟一个复选框用于表示额外的选择项。注意这里使用了 `<br />` 标签来进行简单分行处理；更复杂的情况下建议采用 CSS Flexbox 或 Grid 进行精确控制。

对于更加复杂的页面设计，推荐考虑整体布局方案，比如应用栅格系统或者其他高级布局工具以确保响应性和美观度。