随笔分类 - vue
摘要：import Vue from 'vue'; // 自定义元素实现弹框拖拽 Vue.directive('draw', { inserted: function (el) { el.setAttribute('style', 'position: fixed; z-index: 1000'); },
阅读全文
摘要：1.在根目录的public下创建三个文件 index.js let config = { env: 'development', //development 测试 production 线上 VERSION: 'v0.1.1', APP_KEY: 'key' }; if (config.env 'd
阅读全文
摘要：HTML: 1 <el-button size="small" type="primary" :loading="printLoading" @click="print($el, title, 'pdf')" >下载</el-button> JS: 此按钮是在el-dialog中，传入的$el可更加
阅读全文
摘要：在一次改bug过程中遇到了此类问题，特此记录一下。 1.父类代码 <template> <div id="app"> <Children /> </div> </template> <script> import lifeTest from "../mixins/lifeTest.js"; impo
阅读全文
摘要：vue中组件key的作用。 除了v-for循环中的key。在组件中添加key值并改变，能触发组件的重新渲染。 原因是因为Vue在diff算法的节点对比(sameVnode方法)中，也会对key值进行对比，key值不同就会走else重新新建组件。
阅读全文
摘要：方法一： 适合后台服务器文件已存在，直接下载已有文件。 如附件上传后，再下载等情况 // GET下载文件 // url:下载链接,请求地址?参数名=参数 // fileName:下载名和格式 export function downloadFile(url, fileName) { const xh
阅读全文
摘要：登录流程 双token验证流程 路由钩子beforeEach校验流程
阅读全文
摘要：一.多级表头 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、注意力集中保持在核心库，而
阅读全文
