在做项目的时候遇到了这个坑,解决方案如下: 使用菜单栏进行路由跳转有几个注意点: 1. 在el-menu加上router 2. index必须绑定路由的path,参考上面的例子,'/'不能少 3. default-active设为当前路由(this.$route.path ...
近期做项目遇到了一个小问题,拿来分享一下: 简要说下内容:管理系统左侧菜单栏是二级菜单栏,右侧显示每个菜单对应的页面 配置菜单项,default active设置菜单默认选中项,default active只是设置选中菜单高亮 路由配置: 但是菜单状态是选中,但是右侧没有内容,路由显示还是停留在父级路由 。 经查阅资料发现:如果进入父路由时,想要直接显示子路由中内容,还需要配置默认路由 重新配置路 ...
2020-03-25 11:49 0 1702 推荐指数:
在做项目的时候遇到了这个坑,解决方案如下: 使用菜单栏进行路由跳转有几个注意点: 1. 在el-menu加上router 2. index必须绑定路由的path,参考上面的例子,'/'不能少 3. default-active设为当前路由(this.$route.path ...
el-menu-item index的值,我这里使用了 路由表中route.js中 的 路由name值 :default-active="this.$route.name" 如果不理解,可以看下 ...
本篇文章分享一篇关于 vue制作可路由切换组件、可刷新根据路由定位导航(自动展开)、可根据路由高亮对应导航选项 一、实现的功能如下: 1、可折叠导航面板 2、点击导航路由不同组件 3、在当前页f5刷新,或者在url输入对应的路由地址,会根据路由打开左侧 ...
原因:default-active和index属性不一致导致的 解决方法:使用路由的name属性设置给index和default-active ...
1.在views文件夹下新建home.vue 介绍下首页应该包含头部。左边菜单导航栏。右面实时加载的内容,整个部分划分为三块。 页面布局如下 ...
废话不多说,直接上代码 JS代码 data() { return { currentUrl:"设置默认的菜单index名称", } }, ...
使用饿了吗ui组件的导航菜单,在加上router属性之后无法实现index的路由跳转,点击无效且不报错 经过排查发现问题出现在路由的配置上面 代码如下: 在路由规则里面使用了mode:"history",的属性,为了去掉vue-router自带的 # 号,使路径更加简洁 ...
https://element.eleme.cn/#/zh-CN 上面的网址是Element-ui的使用指南; element-ui是 基于vue2.0 的桌面组件库!!! 1,安装element-uinpm安装: 在需要使用的项目下打开cmd窗口输入: npm i ...