Vue3-开发中遇到路由相关的问题

91 阅读1分钟
  1. 根据路由中声明meta来确定标题的名字

image.png

image.png

image.png

image.png

  1. 声明子路由并访问

访问员工管理:/main/employeeInfo image.png

  1. 路由跳转携带参数,路由该如何声明?【A跳B】

A页面

import { useRouter } from 'vue-router'

const router = useRouter() image.png 路由: image.png

B页面 import { useRoute } from 'vue-router'

const route = useRoute()

接收参数:route.params.xxx

当前页面地址:route.path

image.png

需要注意

路由跳转->传递参数,参数是对象,传递时需要将对象转为字符串传递,如

image.png

如果不转字符串,在接收时,该对象会表现为[Object Object]

接收时,将字符串对象转成对象就好了

JSON.parse(route.params.row)
  1. el-menu侧边栏高亮(解决F5刷新或回退侧边栏不高亮)

image.png image.png 加上这

.el-menu-item.is-active { color: #fff; background-color: #409eff; }