01 2021 档案
摘要：方法一： 适合后台服务器文件已存在，直接下载已有文件。 如附件上传后，再下载等情况 // GET下载文件 // url:下载链接,请求地址?参数名=参数 // fileName:下载名和格式 export function downloadFile(url, fileName) { const xh
阅读全文
摘要：登录流程 双token验证流程 路由钩子beforeEach校验流程
阅读全文
摘要：起因： 如图所示：在项目开发过程中，两个相同div之间同时设置外边距margin-top和margin-bottom为20px，我们期望两个div之间有40px的间距，但是出现的效果确是只有20px，不太符合我们的预期结果。 一. 为什么会出现这样的结果呢？ 在网上查了下，给出了下面的折叠边距的计算
阅读全文
摘要：一.多级表头 el-table多级表头实现比较容易，直接在el-table中嵌套使用el-table-column即可。 话不多说，直接上代码： <el-table class="table-cls" :data="tableData" :span-method="cellMerge" style=
阅读全文
摘要：一. 什么是富文本编辑 传统的textArea输入框无法对输入的内容进行格式的转换，富文本编辑器的功能和word一样，可以输入的内容格式进行一些修改，可以添加图片等等，这种就叫富文本编辑器。如下图： 二. 安装依赖 npm install quill npm install vue-quill-ed
阅读全文
摘要：使用vue-cli构建项目，打包后发现文件体积很大，特别是第三方库文件，达到1.6M，在使用gzip压缩有，文件体积减少到600K左右。 第一步：安装compression-webpack-plugin插件 npm install compression-webpack-plugin 第二步：web
阅读全文
摘要：每个Vue实例，都会经过从创建到销毁的一系列过程，下图为vue官方提供的生命周期图解。 1.beforeCreate 初始化阶段，vue实例刚被初始化，this指向创建的实例，此时不能访问到data、computed、watch、methods上的数据和方法。该方法不常用，可初始化非响应式变量。 2
阅读全文
摘要：十．Prop传值 父组件向子组件传deptId参数： <dynamic-report ref="DynamicReport" :deptId="deptId" /> 子组件在props中接收deptId参数后，就可用this.deptId访问： props: { deptId: { type: St
阅读全文
摘要：一．Vue是什么 Vue是用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层，采用自底向上增量开发的设计。 易于上手，Vue 也能为复杂的单页应用提供驱动。 Vue和react相同和不同： 相同点： 1、都使用虚拟dom， 2、提供了响应式和组件化的视图组件 3、注意力集中保持在核心库，而
阅读全文
