有时系统需要根据用户的权限来动态加载路由~vue-router有提供给我们一个 addRoutes() 方法,但这个方法只有2.2.0以上版本支持。下面我们看下具体写法:

var router = {
    path: '',
    name: '',
    component: resolve => require.ensure([], (require) => {
        resolve(require.context('SRC', true, /\.vue$/)(`./${...}`)) //...:写路径地址
    })
};
this.$router.addRoutes(router);

如果不是动态加载的话,component可以写成

component: resolve => require(["..."], resolve) //...:写路径地址

如果是每个用户都有的router则可以简化成:

var LoginBlock from "..." //...是文件路径
var route = [
    path: '',
    name: '',
    component: LoginBlock
]
Logo

前往低代码交流专区

更多推荐