el-radio-group兄弟标签页之间如何实现跳转

在 Vue.js 中，如果你想要在 `el-radio-group` 兄弟组件之间的标签页之间实现跳转，通常会配合 Vue 的父子组件通信（Parent-Child Communication）和路由管理（如 Vue Router）。以下是一个基本步骤：

1. 安装 Vue Router（如果还没有安装）：

   npm install vue-router

2. 设置路由：
在你的项目配置文件（main.js 或者 vite.config.js 等）中创建路由规则，比如两个 radio 组件对应的路由：

   import { createRouter, createWebHistory } from 'vue-router'
   const routes = [
     {
       path: '/radio1',
       component: RadioComponent1,
     },
     {
       path: '/radio2',
       component: RadioComponent2,
     }
   ]
   const router = createRouter({
     history: createWebHistory(),
     routes
   })

3. 在 radio 组件里使用 `v-model` 连接到父组件传递的值，以便控制当前选中的 tab：

   <el-radio-group v-model="activeRadio" @change="handleChange">
     <!-- ... -->
   </el-radio-group>

4. 父组件通过 props 向子组件传值并监听子组件的改变事件：

   <router-view :current-radio="activeRadio"></router-view>

   export default {
     // ...
     props: ['currentRadio'],
     methods: {
       handleChange(val) {
         this.$router.push(`/radio${val + 1}`);
       }
     }
   }

5. 当用户点击 radio 选项时，父组件调用 `handleChange` 方法更新路由，并导航到相应的子组件。