vue-router 中的路径异步获取时导致的to报错问题

Posted alww

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-router 中的路径异步获取时导致的to报错问题相关的知识,希望对你有一定的参考价值。

 v-if    item.path != undefined一定要加上,因为先渲染的页面再获取到url的值

<router-link v-if="(!item.systemMenuDtoList || (item.systemMenuDtoList && item.systemMenuDtoList.length <= 0)) && item.path != undefined" :to="item.path"
                     :key="item.menuCode">
          <el-menu-item :index="item.path" :class="{‘submenu-title-noDropdown‘: !isNest}">
            <v-icon v-if="item.icon" :icon-class="item.icon"></v-icon>
            <span slot="title" style="margin-left: 20px;">{{$i18nAdapt(‘route.‘ + item.menuName)}}</span>
          </el-menu-item>
        </router-link>

以上是关于vue-router 中的路径异步获取时导致的to报错问题的主要内容,如果未能解决你的问题,请参考以下文章

异步组件懒加载 获取不到ref

vue-router复用组件时不刷新数据

按名称和参数获取 vue-router 的路由

Vue-router 路由守卫

vue-router路由守卫

vue-router 导航守卫