vue+element项目实战
文章平均质量分 51
vue+element项目实战(2020/12/17)开始
故心v
越努力越幸运
展开
-
vue-router addRoutes多次添加路由重复问题
故心故心故心故心小故冲啊文章目录在@router中const createRouter = () => new VueRouter({ routes: constantRoutes //constantRoutes为默认路由});const router = createRouter();export function resetRouter() { //这个是重置函数 const newRouter = createRouter(); router.matcher =原创 2021-02-17 10:35:02 · 1786 阅读 · 0 评论 -
Vue-element-ui 导出Excel表
故心故心故心故心小故冲啊文章目录Vue+Element表格通过前端导出为Excel文件1.安装xlsx库2.安装file-saver库3.编写保存函数,文件位置:src/utils/htmlToExcel.js4.在表格中使用函数,文件位置src/views/TablePage.vue总结Vue+Element表格通过前端导出为Excel文件注:此方法能够导出多级表格,默认已安装ElementUI。1.安装xlsx库npm install xlsx 2.安装file-saver库np转载 2021-01-28 14:14:50 · 893 阅读 · 1 评论 -
项目总结
故心故心故心故心小故冲啊文章目录这是一个怎样的项目用到了什么技术,为什么用这项技术(以及每项技术很细的点以及扩展)过程中遇到了什么问题,怎么解决的。收获这是一个怎样的项目项目:信贷管理系统这个项目属于后台管理系统类的项目角色分配:1、管理员2、销售人员3、初审人员结构分配:1、登录页2、首页3、贷款申请4、申请管理5、贷款审批5-1、初审5-2、终审6、标的管理7、权限管理7-1、创建管理员7-2、列表展示权限管理:销售人员 - 登录后只能看到‘首页’‘贷款原创 2021-01-08 11:40:35 · 181 阅读 · 0 评论 -
vue项目实战day7
故心故心故心故心小故冲啊文章目录角色权限路由分配导航栏动态处理角色权限路由分配步骤:1.默认路由与需要动态处理的路由2.在meta中给与属性roles(不同角色分配不同的权限)3.在vuex中处理动态路由(最终得到不同角色分配不同的路由)4. router.addRoutes(asyncRoutes);动态添加这个路由5. 这样就可以实现角色权限路由分配import Vue from 'vue'import Vuex from 'vuex'//引入常规路由配置 和 动态路由配置原创 2021-01-06 15:42:59 · 374 阅读 · 0 评论 -
Vue:【警告】重复命名路由定义[vue-router] Duplicate named routes definition
故心故心故心故心小故冲啊文章目录在项目中,想让路由后缀为空,或者index的时候,都跳转到路由为index的页面,于是在router中如下配置routes: [{ path: '/', name: 'index', component: () => import('@/components/index').then(m => m.default) },{ path: '/index', name: 'index', compone转载 2021-01-06 11:49:16 · 1574 阅读 · 0 评论 -
vue项目中出现重复点击路由报错
故心故心故心故心小故冲啊提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录解决方法:解决方法:转载来源方法1:在项目目录下运行 npm i vue-router@3.0 -S 重新下载未出错版本即可;方法2:不想更换 vue-router 的版本亦可,在 main.js 或 router.js 中添加以下代码:提示:vue-router 官方在 2019-08-06 推出的 vue-router@3.1.1 已经修复了此 bug...转载 2021-01-06 11:42:21 · 254 阅读 · 0 评论 -
项目实战day6
故心故心故心故心小故冲啊文章目录1.路由拦截的处理1.路由拦截的处理//分析// 当前是否在登录页面 =>在=>放行// 不在登录页面 =>没有登录或者已经登录了的// 已经登录(有角色信息的) =>放行// 没有登录 => 获取角色信息(发送请求获取)// 获取不到(获取失败,即直接访问其他页面) =>返回登录页router.beforeEach(async (to, from, next) => { //判断当前是否在登录页面原创 2020-12-31 11:48:49 · 82 阅读 · 0 评论 -
项目实战day5
故心故心故心故心小故冲啊文章目录1.分页2.全局过滤器封装3.下载docx文件的处理1.分页 <!-- 分页 --> <!-- total 总条目数 layout 组件布局,子组件名用逗号分隔 total, sizes, prev, pager, next, jumper page-sizes 每页显示个数选择器的选项设置 [10, 20, 30, 40] size-change 页数 改变时会触发 current-change 页原创 2020-12-30 10:03:25 · 136 阅读 · 0 评论 -
项目实战day4
故心故心故心故心小故冲啊文章目录一.面包屑二.申请管理的完成三.申请管理的完成一.面包屑在vue中使用面包屑步骤:1.在router中meta中定义title2.使用this.$route.matched 过滤出所有的 item.meta.titlegetBreadcrumb() { console.log(this.$route.matched); this.lists = this.$route.matched.filter( item =>原创 2020-12-24 21:27:08 · 225 阅读 · 1 评论 -
项目实战day3
故心故心故心故心小故冲啊文章目录一.全局组件定义二.axios请求/拦截的封装三.本地存储封装四.登录与退出接口的完成五.登录与退出调用接口一.全局组件定义全局组件存放components文件夹中引入全局组件在main.js中,这样就可以在所以组件中直接引入,不需要导入导出// 引入全局自定义组件import './components/global'//index.js import Vue from 'vue'const componentsContext = requir原创 2020-12-23 11:55:18 · 114 阅读 · 0 评论 -
项目实战day2
项目实战day2故心故心故心故心小故冲啊文章目录项目实战day2一.sass基本语法学习1.引言2.关于sass3.Scss 与 Sass的区别4. Sass使用①变量声明:②变量引用:③嵌套CSS 规则父选择器的标识符&群组选择器的嵌套子组合选择器和同层组合选择器嵌套属性混合器登录页-form表单组件布局组件定义及调用多级路由渲染完成情况一.sass基本语法学习1.引言众所周知css并不能算是一们真正意义上的“编程”语言,它本身无法未完成像其它编程语言一样的嵌套、继承、设置变量等工原创 2020-12-18 10:07:48 · 304 阅读 · 0 评论 -
取消vue-cli中eslint代码规范提示
座右铭:越努力越幸运,越运动越健康。热爱前端技术,热爱运动又乐观的这样一个人文章目录一、释掉package.json文件中eslint的配置就可以了二、或者vue.config.js中将以下三项设置为false一、释掉package.json文件中eslint的配置就可以了"eslintConfig": { "root": true,////此项是用来告诉eslint找当前配置文件不能往父级查找 "env": { "node": true//此项指定环境的全局变量原创 2020-12-17 12:30:23 · 505 阅读 · 0 评论 -
项目实战day1
座右铭:越努力越幸运,越运动越健康。热爱前端技术,热爱运动又乐观的这样一个人文章目录项目分析完成进度项目错误总结错误一错误二错误三项目分析这个项目是使用vue+element-ui搭建的信贷管理后台系统完成进度已完成基本的大概布局布局操作①由于是一个单页面显示 所以在App.vue中使用 router-view标签,可以使页面通过路由的控制.② src目录应该分配好,该放啥就是啥③制作简单页面然后通过路由使他们可以跳转项目错误总结错误一在引用路由地址是 应在标签上加入ro原创 2020-12-17 12:26:16 · 251 阅读 · 0 评论