el-menu 添加 :default-active=“this.$router.path” 和 router (default-active前面要有 “:” ) router.js文件下应该配置好路由路径。建议用路由懒加载方式 //import main from './pages/main.vue'Vue.use(Router); exportdefaultnewRouter({ mode:'history', routes:[ {path:'/',component: resolve =...
10 注意事项:1,刷新定位当前路由,需要在el-menu标签中定义:default-active="$route.path",这样当你刷新路由时就会自动定位但当前的路由位置。2,el-submenu和el-menu-item标签中的index属性定义,需要解析下路由将要跳转的路由赋给index。
这是路由,当要动态从数据库加载时,就不能写在这 <el-menu router active-text-color="#ffd04b" background-color="#000" class="el-menu-vertical-demo" :default-active="this.$route.path" text-color="#fff" @open="" @close="" > <el-menu-item index="/home"> <template #title> 不合格品...
点击的时候不会选中菜单,页面不跳转。但是访问其他子页面后,通过浏览器回退按钮退回到index页面时,莫名就选中了2菜单栏,包括下面2个子菜单。如下图: error 想了下应该是子菜单没有设置唯一标志index。而且/index这个路由在menus中也找不到,所以就默认匹配index===null的路由了?于是给el-menu-item加上index,果然好...
确保Vue Router已正确配置并可用于页面跳转: 如果你的项目使用了Vue Router,请确保它已经被正确配置,并且你能够使用this.$router来进行页面跳转。 测试点击el-menu-item后是否能够成功打开新页面: 在浏览器中运行你的Vue应用,并点击el-menu-item,检查是否能够成功打开新页面。 通过以上步骤,你就可以在Vue项目中实现...
在使用element中的menu组件时,根据官方文档,可以设置给el-menu设置router属性为:true,给el-menu-item设置index的值为路径,就可以实现点击导航跳转到指定路由。 这样做虽然能实现跳转,但是,若刷新浏览器,则导航会跳转到默认的选中项,而不是我们离开时的导航。
Build Tool:Vite Reproduction Related Component el-menu-item Reproduction Link Element Plus Playground Steps to reproduce el-menu-item route 不生效 What is Expected? 跳转到对应的页面 What is actually happening? 不跳转 Additional comments (empty)...
1.在配置路由的时候,设置meta属性,把同一el-menu-item下的页面设置成相同的值.也考虑过把name设置成相同的值,但是显然不行,浏览器会报路由名字相同的警告 {path:"/companyinfo",name:"companyinfo",component:()=>import(/* webpackChunkName: "companyinfo" */"../views/CompanyInfo.vue"), ...
首先,我们要和后端沟通返回的数据格式,我们知道前端的el-menu菜单的核心数据属性有四个: 菜单的名字name 点击菜单进行路由跳转的路径path 菜单上小图标icon 菜单是不是最内层的菜单,即children是否是空数组,当children为空的时候,就说明到菜单最里层了。(最里层的菜单children为空数组的时候,点击的时候,做路由跳转)...