vue-element-admin 菜单标签失效的解决方式


Posted in Javascript onNovember 12, 2019

设置菜单路由时,代码如下:

{
  path: '/materieluse',
  component: Layout,
  meta: {
   title: '仓库管理',
   icon: 'component'
  },
  children: [{
   path: 'materielList',
   component: () => import('@/views/materieluse/materielList'),
   name: 'icons',
   meta: { title: '请料管理' }
  }, {
   path: 'itemDbList',
   component: () => import('@/views/materieluse/itemDbList'),
   name: 'icons',
   meta: { title: '项目仓库' }
  }]
 },

面板中的对应标签失效,经查资料,得知:name: "router-name"; //设定路由的名字,一定要填写不然使用<keep-alive>时会出现各种问题,同时noCache: true 设置了也会失效

因此正确代码如下:

{
  path: '/materieluse',
  component: Layout,
  meta: {
   title: '仓库管理',
   icon: 'component'
  },
  children: [{
   path: 'materielList',
   component: () => import('@/views/materieluse/materielList'),
   name: 'materielList',
   meta: { title: '请料管理' }
  }, {
   path: 'itemDbList',
   component: () => import('@/views/materieluse/itemDbList'),
   name: 'itemDbList',
   meta: { title: '项目仓库' }
  }]
 },

以上这篇vue-element-admin 菜单标签失效的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 修改URL参数(实现代码)
Jul 08 Javascript
用Move.js配合创建CSS3动画的入门指引
Jul 22 Javascript
Javascript获取统一管理的提示语(message)
Feb 03 Javascript
jQuery简单动画变换效果实例分析
Jul 04 Javascript
纯js和css完成贪吃蛇小游戏demo
Sep 01 Javascript
jquery实现下拉框多选方法介绍
Jan 03 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
薪资那么高的Web前端必看书单
Oct 13 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 Javascript
微信小程序实现点击卡片 翻转效果
Sep 04 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
Vue退出登录时清空缓存的实现
Nov 12 #Javascript
解决vue admin element noCache设置无效的问题
Nov 12 #Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 #Javascript
Vue页面切换和a链接的本质区别详解
Nov 12 #Javascript
vue 中几种传值方法(3种)
Nov 12 #Javascript
Vue 中 a标签上href无法跳转的解决方式
Nov 12 #Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 #Javascript
You might like
GD输出汉字的函数的分析
2006/10/09 PHP
PHP 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
PHP中使用crypt()实现用户身份验证的代码
2012/09/05 PHP
php校验表单检测字段是否为空的方法
2015/03/20 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP单例模式数据库连接类与页面静态化实现方法
2019/03/20 PHP
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
javascript动态加载实现方法一
2012/08/22 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
2017/03/09 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
浅谈React碰到v-if
2018/11/04 Javascript
JS如何监听div的resize事件详解
2020/12/03 Javascript
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
在django中使用自定义标签实现分页功能
2017/07/04 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
利用python汇总统计多张Excel
2020/09/22 Python
python 决策树算法的实现
2020/10/09 Python
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
压铸汽车模型收藏家:Diecastmodelswholesale.com
2016/12/21 全球购物
制冷与电控专业应届生求职信
2013/11/11 职场文书
警察思想汇报
2014/01/04 职场文书
乡村文明行动实施方案
2014/03/29 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
房产分割协议书范文
2014/11/21 职场文书
会计试用期自我评价
2015/03/10 职场文书
Python基础之数据类型知识汇总
2021/05/18 Python
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL
微软官方消息,在 2023 年 4 月 11 日之后微软将不再为 Office 2013 和 Skype for Business 2015 提供安全更新
2022/04/21 数码科技