摘要：
接上篇，有导入也就有导出需求。 导出excel需求，当点击下载模板或下载反馈结果，axios发起后端接口请求，返回的数据获取 response 时出现乱码，如图： 现总结如下几种处理方法。 1、通过 url 下载 即后端提供文件的地址，直接使用浏览器去下载 通过 window.location.hr 阅读全文
摘要：
具体需求场景如下： 选择excel文件后，需要把导入的excel文件手动上传到后台服务器，并将导入成功后的统计结果显示出来。官网也有手动上传的示例，通过 action="url" 传入地址的方式，但在实际项目中请求需要自己配置，下面具体说明实现的方法。 说明： 在上传文件到展示统计结果，我们后端给了 阅读全文
摘要：
在实际的项目中，和后台的数据交互是少不了的，我通常使用的是 axios 库，所以以下示例也是以 axios 为基础来进行封装的。如果对 axios 不了解的，请看这里 axios 文档 1、安装 首先是 npm 安装 axios 很简单：npm install axios 2、没有封装存在的问题 如 阅读全文
摘要：
Promise 是ES6中新出来的API。其实就是对于回调函数的另一种写法，可以帮助我们避免回调地狱。 Promise 是一个构造函数，new Promise 返回一个 promise 对象，接收一个带有 resolve 和 reject 两个参数的函数，这个函数在 Promise 构造函数返回所创 阅读全文
摘要：
数组中提供了一系列元素相关的API操作，其中有 三个静态 api： Array.from() Array.isArray() Array.of() 三十一个原型 api： Array.prototype.concat() Array.prototype.copyWithin() Array.prot 阅读全文
摘要：
在很多前端的后管项目中会存在很多表格，表格数据过多就需要分页和按条件筛选搜索查询，于是就对el-table进行了二次封装。 页面结构如图： PS：以前做的组件了，大家可以酌情参考，也可根据实际情况进行修改扩展。 1、首先创建一个 searchForm.vue 文件，放置筛选查询条件和按钮。 <tem 阅读全文
摘要：
日常项目开发中，会有一些重复使用的数据处理函数，于是就抽离出来封装在组件的工具类中。 1、判断是否是对象 /** * @param {Object} obj 对象 */ export const isObj = (obj) => { // return Object.prototype.toStri 阅读全文
摘要：
关于 element-ui 使用中的其他问题请点这里 一、el-table 翻页序号连续 方法一： <el-table-column label="序号" type="index" width="50" align="center"> <template v-slot="{ $index }"> < 阅读全文
摘要：
定义： reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。 reduce() 与forEach()、map()、filter()这些方法一样，也会对数组中的每一项进行遍历，但是reduce() 可以将遍历的前一个数组项产生的结果与当前 阅读全文
摘要：
最近在项目打包时，出现如下一些错误： 这些错误本可以避免的，前面把编辑器卸载重装忘记设置了，真是自己坑了自己 o(╥﹏╥)o 在项目中使用ESLint校验附带了大量的规则，ESLint的官方rules文档，我们可以自定义规则设置，但设置规则时必须将值设置为以下值之一： "off" or 0：停用这个 阅读全文