Vue 切换页面获取当前路由 监听路由

Vue 切换页面获取当前路由，利用computed和router.currentRoute.value 监听当前路由。

<script setup>
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import Home from '@/views/index/index.vue'
import { useRouter } from 'vue-router'
import { computed } from 'vue'
const router = useRouter()

const isIndexRoute = computed(() => {
  //  每次切换页面都会触发
  // console.log(router.currentRoute.value.name, router.currentRoute, '2222223')
  return router.currentRoute.value.path === '/index'
})
// console.log(router.currentRoute.value.name, router.currentRoute, '33333333')
</script>

<template>
  <el-config-provider :locale="zhCn">
    <Home v-if="isIndexRoute" />
    <router-view v-else> </router-view>
  </el-config-provider>
</template>

<style lang="less"></style>