【vue】动态路由vue-router 动态加载
有时系统需要根据用户的权限来动态加载路由~vue-router有提供给我们一个 addRoutes() 方法,但这个方法只有2.2.0以上版本支持。下面我们看下具体写法:var router = {path: '',name: '',component: resolve => require.ensure([], (require) => {...
·
有时系统需要根据用户的权限来动态加载路由~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
]
更多推荐
已为社区贡献4条内容
所有评论(0)