六 · 从零开始搭建一个项目(将地址栏的地址与顶部导航栏绑定)

1.引入 useRoute()

const route = useRoute()

const activeIndex = ref("1")

改成 //获取当前路由的name
const activeIndex = ref(route.name)

可以看到刷新就处于高亮状态

2.启用 el-menu的 vue-router 模式

:router="true"

3.可以看到点击顶部菜单url地址栏的路由也跟着变化了