tabs切换#

1、html

          <el-tabs v-model="tabValue" @tab-change="handleTabClick">
            <el-tab-pane label="集群" name="1"></el-tab-pane>
            <el-tab-pane label="节点" name="2"></el-tab-pane>
          </el-tabs>

2、js

  import { useRoute, useRouter } from 'vue-router'

  const route = useRoute()
  const router = useRouter()  
  
  const tabValue = computed(() => {
    return route.query.type || '1';
  });

  const handleTabClick = (item) =>{
    if (item === tabValue.value) return;
    router.push({ query: {... route.query, type: item } });
  }