导航栏高亮部分和路由不匹配

问题：当前路由是” 文本编辑 “，但导航栏高亮的是“ 个人资料 ”

原因：该页面使用的是element组件中的el-menu，这个组件有一个属性：default-active ，它是静态固定的，没有随着路由的变化而变化。

解决办法：将default-active变成动态的

//vue2
<el-menu  :default-active="this.$route.path" >

//在vue3中，这里this会报错
//解决办法：
<el-menu :default-active="route.fullPath">
<script lang="ts" setup>
	import { useRoute } from 'vue-router';
	const route = useRoute()
</script>

如果对你有帮助，希望能得到你的点赞或收藏或关注，这是对我最好的鼓励；

如你有问题或疑惑，欢迎在评论区写下，必将努力解答；

如本文有误区，希望你不吝赐教，让我们共勉！