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

vue-element-admin使用的一些总结

时间:2023-04-01 11:23:23 vue.js

最近开发的项目背景是基于vue-element-admin开发的,在逐步完善的过程中遇到了一些问题。这里总结一下,希望对你有所帮助。第一个链接,真的很好用,安利,链接如下:一个神奇的vueadmin基本都有常用的不常用的功能,就不多说了,有兴趣的可以直接链接和动笔。修改菜单图标为elementUI图标。官方的svg图标确实比较小,添加起来我也觉得麻烦。另外,由于集成了elementUI,直接使用elementUI图标即可。更改:将菜单图标更改为elementUI图标://文件地址:src\layout\components\Sidebar\Item.vue//if(icon){//vnodes.push()//}if(icon){vnodes.push()}closeeslint官网有答案//vue.config.jslintOnSave:false但是如果你用的是git管理代码,你会发现eslint在commit的时候还是会被触发。//package.json"lint-staged":{"src/**/*.{js,vue}":["eslint--fix",//删除这一行"gitadd"]},添加本地环境Variable//package.json"scripts":{"local":"vue-cli-serviceserve--modelocal",...},将.env.production复制到.env.local,自定义配置后,运行:yarnrunlocalcachepage你要缓存的页面:exportdefault{name:"cacheIndex",addcachedViews//src\store\modules\tagsView.jsconststate={visitedViews:[],cachedViews:['cacheIndex']}