element ui 单选按钮切换

要实现 Element UI 的单选按钮切换，你可以使用 `<el-radio>` 组件来创建单选按钮，然后通过绑定 `v-model` 来实现切换的功能。

首先，确保你已经在项目中安装了 Element UI，然后在需要使用单选按钮的组件中引入 `<el-radio>` 组件。

然后，使用 `v-model` 指令将选中的值绑定到一个变量上，这个变量可以是你的 data 中的一个属性。

接下来，创建多个 `<el-radio>` 组件，并设置不同的值和标签。通过将每个单选按钮的值与绑定的变量进行比较，可以确定哪个按钮是选中状态。

以下是一个示例代码：

<template>
  <div>
    <el-radio v-model="selectedOption" label="option1">选项1</el-radio>
    <el-radio v-model="selectedOption" label="option2">选项2</el-radio>
    <el-radio v-model="selectedOption" label="option3">选项3</el-radio>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: 'option1' // 默认选中的值
    }
  }
}
</script>

在上述示例中，`selectedOption` 是一个用于存储选中值的 data 属性。通过 `v-model` 将选中的值与 `selectedOption` 进行绑定，从而实现单选按钮的切换。

当用户选择不同的单选按钮时，`selectedOption` 的值会随之改变，你可以根据 `selectedOption` 的值来进行相应的操作或显示不同的内容。

这就是使用 Element UI 实现单选按钮切换的基本方法。你可以根据自己的需求进行进一步的定制和样式调整。