脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue-element-admin 菜单标签失效

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

 更新时间：2019年11月12日 10:21:25   作者：qq_39704803  
今天小编就为大家分享一篇vue-element-admin 菜单标签失效的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

设置菜单路由时，代码如下：

 {
  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 菜单标签失效的解决方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 简单的Vue异步组件实例Demo

    简单的Vue异步组件实例Demo

    大家都知道当使用时才装入需要的组件，可以有效的提高首次装入页面的速度。比如在路由切换时，下面这篇文章主要给大家介绍了关于如何实现一个简单的Vue异步组件的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
    2017-12-12
  • vue项目嵌套iframe实现发送、接收数据

    vue项目嵌套iframe实现发送、接收数据

    这篇文章主要介绍了vue项目嵌套iframe实现发送、接收数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-05-05
  • Vue3中埋点指令封装详解

    Vue3中埋点指令封装详解

    对于Vue项目来说，如果遇到一个埋点的需求，我们最好的解决方案就是封装一个指令，所以本文就来和大家详细讲讲具体是如何封装埋点指令的吧
    2023-08-08
  • vue中的addEventListener和removeEventListener用法说明

    vue中的addEventListener和removeEventListener用法说明

    这篇文章主要介绍了vue中的addEventListener和removeEventListener用法说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-06-06
  • Vue3中Provide和Inject的用法及工作原理详解

    Vue3中Provide和Inject的用法及工作原理详解

    在Vue 3中,Provide和Inject是一对用于组件间数据传递的API,通常用于父组件向其子组件传递数据,但并不通过props的方式,本文将深入探讨Provide和Inject的工作原理,并通过示例代码帮助你理解如何在你的Vue应用中使用它们,需要的朋友可以参考下
    2025-02-02
  • vue2.0移除或更改的一些东西(移除index key)

    vue2.0移除或更改的一些东西(移除index key)

    这篇文章主要介绍了vue2.0移除或更改的一些东西，vue2.0 移除了index和key，具体内容详情大家参考下本文
    2017-08-08
  • Vue单文件组件开发实现过程详解

    Vue单文件组件开发实现过程详解

    这篇文章主要介绍了Vue单文件组件开发实现过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • Vue插槽slot详细介绍(对比版本变化,避免踩坑)

    Vue插槽slot详细介绍(对比版本变化,避免踩坑)

    Vue中的Slot对于编写可复用可扩展的组件是再合适不过了,下面这篇文章主要给大家介绍了关于Vue插槽slot详细介绍的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • Ant Design Vue如何生成动态菜单a-menu

    Ant Design Vue如何生成动态菜单a-menu

    这篇文章主要介绍了Ant Design Vue如何生成动态菜单a-menu问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • vue bus全局事件中心简单Demo详解

    vue bus全局事件中心简单Demo详解

    ue-bus 提供了一个全局事件中心，并将其注入每一个组件，你可以像使用内置事件流一样方便的使用全局事件。这篇文章给大家介绍了vue bus全局事件中心简单Demo，需要的朋友参考下吧
    2018-02-02

最新评论