当前位置: 首页 > Web前端 > vue.js

通过简单配置动态在线生成Vue+ELementUI脚手架

时间:2023-03-31 17:27:08 vue.js

通过简单配置动态在线生成Vue+ELementUI脚手架地址:在线生成比如我们要搭建一个这样结构的管理系统:首页第1页第2页第2-1页第2-2页第2-3页第2页-3-1Page2-3-2Page3Page4那么我们只需要这样写就可以直接搭建你需要的结构[{label:'Home'},{label:'Page1'},{label:'Page2',children:[{label:'Page2-1'},{label:'Page2-2'},{label:'Page2-3',children:[{label:'Page2-3-1'},{label:'Page2-3-2'}]},]},{label:'Page3'},{label:'Page4'}]点击提交生成你想要的结构,如果你安装了vue的开发环境,那么解压后,cdprojectnpmi//cnpminpmrundev就可以启动动态路由了,说不定你也会根据不同的角色动态路由,是的,编辑src也很方便/permission.js中的这段代码将完成functiongetRoutes(){returnnewPromise(resolve=>{/***api.call("/User/getRoutes").then(res=>{*//res.data是路由名称数组*resolve(filter(routes,res.data))*})*/resolve(filter(routes,[]))})}比如用户没有'page1','page2-3-1'两个页面,那么,数组就是routes.js中的name属性functiongetRoutes(){returnnew承诺(解决=>{解决(过滤器r(routes,['YeMian1','YeMian2/YeMian2-3/YeMian2-3-1']))})}比如用户b没有'page2'模块functiongetRoutes(){returnnewPromise(resolve=>{resolve(filter(routes,['YeMian2']))})}