- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue中封装导出excel工具
在src下新建vendor 文件夹新建Export2Excel.js文件 写入以下代码 在项目当中 安装依赖插件 : npm install file-saver script-loader创建一个用来处理数据的函数handleData(res){//处理后台数据导出表格需要的格式方法constmirror={//映射模板'timeOfEntry':'入职日期','formOfEmployment':'聘用形式'...
2021-05-22 19:38:13
283
原创 vue封装excel处理工具
1. 安装必要的插件 npm install xlsx -S2. 创建UploadExcel.vue 文件 并全局注册<template> <div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick"...
2021-05-22 10:07:15
270
原创 在vue 中 封装svg-icon全局组件
.svg是一种通过代码的方式来展示的图片格式（.png, .gif.....），学习网站：https://www.runoob.com/svg/svg-tutorial.html在https://www.iconfont.cn/ 去下载你要用的svg1.安装 svg-sprite-loader@4.1.3 模块，及对应的vue.config.js中的配置。 const path = require('path') function resolve(dir) { ret...
2021-05-15 18:04:48
335
原创 人资day05
路由导航守卫并优化功能每次路由跳转时都会去获取个人信息优化思路:如果已经获取到了个人信息了，就不必要再发请求了。通过if判断 vuex中是个人信息是否有值既可理解不同权限动态生成功能菜单的整体思路在当前项目中，我们要实现的最终效果是：不同用户登陆进来时，显示出来的菜单功能是不同的根据用户权限信息展示 有权访问的页面 加上可以直接访问的页面 最终生成路由规则表 静态路由表：不需要做权限控制的路由，每个用户都可以正常访问。 通过设置 hidden:tru...
2021-05-15 14:20:06
581
原创 路由守卫
路由守卫import router from './router' // 路由import store from './store' // vuexconst whiteList = ['/login','/404'] 白名单： 去登录页面和报错页面不需要token 全局前置路由守卫router.beforeEach(async(to, from, next) => { 判断vuex中token是否有值 if (store.getters.token) {--
2021-05-13 20:04:01
498
原创 vue-cli解决跨域
解决请求后台接口登录失败不报错的问题分析原因：axios内部的报错机制：如果本次请求得到的响应的状态码 不是2开头的（400，500），就会主动抛出错误。如果本次请求出现网络错误，就会主动抛出错误当我们提供错误的用户名和密码时，本次请求的状态码是正常的 , 根据后端接口返回值中某个特殊字段(一般是由后端约定)来判断，而不能只是依靠axios内置的报错机制解决思路：在响应拦截器中，根据请求返回的数据，来决定是否主动抛出错误。获取到的后台返回结果埋的比较深：res.data.data
2021-05-12 18:15:36
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人