component: () => {
import(`@/${e.component}`)
}
这样引用会报引用失败的错误：
vue-router.esm.js?8c4f:1921 Error: Cannot find module '@/views/app/index'
at webpackEmptyContext (eval at ./src/views/app/index sync recursive (app.js:2800), <anonymous>:2:10)
at eval (routes.js?092f:10)
component: (resolve) => require([`@/${e.component}`], resolve),
如果使用动态路由，import不能使用变量，如： 这样引用会报引用失败的错误： 解决, 改成如下代码
1、使用 import.meta.glob加载所有vue文件 2、使用addRoute挂载动态路由 3、路由配置
引入路由文件 import Vuefrom 'vue' import Routerfrom 'vue-router...
vue-cli的路由配置 vue-router路由管理路径引用组件：import 组件名 from 组件路径使用r...
路由重复点击有报错解决import Vue from "vue";import Router from "vue-...
路由map 路由视图 路由导航 实现简单路由 import VueRouter from 'vue-router'...
Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，js...
import vue from 'vue' #路由组建依赖于vue 需要先导入vueimport vueRoter...
我们在使用vue新建项目时，其中在路由配置文件中看到了return import(/* webpackChunkN...
vue中组件懒加载的方法 1.异步实现路由懒加载 2.import(推荐使用这种方式) 同理，路由懒加载和组件懒加...
本文标题：vue import 路由使用变量问题
本文链接：https://www.haomeiwen.com/subject/hocsgrtx.html
网友评论