更新一个很好的vue+element-ui+mock的经典demo
老项目的GitHub地址:
https://github.com/taylorchen709/vue-admin
更新后的GitHub地址:
https://github.com/iamjwe/vue-admin
clone后先保证你的vue-cli不是2.x而是3.x,如果不是请查看下面的cli3参考文档更新脚手架。
安装依赖:npm install
cli3运行:npm run serve
cli3打包:npm run build
博主大三,准备实习ing,请不要忘记博客点个关注,GitHub点个star哦。你的支持是我继续写博客的动力。
更新部分:
1.使用@vue/cli3.5脚手架搭建项目
2.添加eslint代码检查
3.更新依赖为最新
4.删除一些不用的依赖和没用的注释
5.路由懒加载
解决问题:
1.打css补丁,解决左侧菜单收不齐。
2.大量tab问题,先ctrl+shift+f格式化代码然后eslint自动修复。
3.未定义变量v-for和v-if混用报错
ESLint: The ‘undefined’ variable inside ‘v-for’ directive should be replaced with a computed property that returns filtered array instead. You should not mix ‘v-for’ with ‘v-if’. (vue/no-use-v-if-with-v-for)
4.v-for的key值重复报错(多个home路由的path相同,暂时改为路由的name作为一级菜单的key)
5.,,,
参考文档:
@vue/cli 3.x 版本文档
vue2.x文档
element-ui文档
mockjs示例
mockjs语法
axios-mock-adapter文档
vue-router文档
vuex文档
fontawesome文档
- 用vue+Element-ui写一个后台管理界面,点击头部导航对应显示下方左侧导航菜单,点击左侧菜单对应显示右边内容,点击右边内容的按钮出现一个新页面依旧能够选中左侧相应菜单,求解决???!!!!
- 使用Vue.js和Element-UI做一个简单登录页面的实例
- vue.js + element UI的一个注意点
- vue+element-ui+ajax实现一个表格的实例
- vue+element-ui+ajax的一个表格实例
- 使用Vue.js和Element-UI做一个简单的登录页面
- 分享一个vueui axios-mock-adapter 中的用法
- Vue+Element UI 下,如何给一个表单设置自定义规则或多个验证规则(:rules)
- vue实现element-ui对话框可拖拽功能
- 如何在vue项目中使用递归组件配合Element-ui布局侧边栏
- vue-cli安装element-ui及分页组件使用
- Vue ElementUi同时校验多个表单(巧用new promise)
- element-ui vue表单验证踩坑
- vue+elementUI导航中,点击body子菜单收缩的问题
- vue+element-ui动态生成多级表头的方法
- 搭建element-ui的Vue前端工程操作实例
- Vue+ElementUI+SpringMVC实现分页
- vue使用element-ui的el-input监听不了回车事件的解决方法
- 搭建element-ui的Vue前端工程操作
- element-ui+vuex共享自定义方法进行表单验证 validator