无刷新修改当前路由url带参

//tabs切换部分
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane  v-for="(item,index) in tagList"  :label="item.title"  :name="item.name" :key="index"></el-tab-pane>
 </el-tabs>
 <script setup>
 import {ref} from 'vue'
 import {userRouter} from 'vue-router'
const router =userRouter()
// tag的数组
let tagList = ref([
    {name:'0',title:"基本信息"},
    {name:'1',title:"医疗记录"},
    {name:'2',title:"院外监测"},
    {name:'3',title:"管理方案"},
    {name:'4',title:"咨询记录"},
    {name:'5',title:"专病档案"}
])
// 标签的id
let activeName = ref(route.query.seeState)
// tab标签切换
const handleClick=(e)=>{
    activeName.value=e.props.name
    //路由跳转
    router.push({
        path: '/subhealth/subhealth',
        query: {
          userId: route.query.userId,
          seeState:e.props.name
        }
      })
}
 </script>

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a666653226b740efbb3b1ba663fe6967.png

在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐