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