摘要：
示意图： 代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文
摘要：
下面说下有两种方式计算sacle,结果相同，只是方式不大同： 第一种： 一、在App.vue的props注入宽高 1 props: { 2 width: { 3 type: String, 4 default: "1920" 5 }, 6 height: { 7 type: String, 8 de 阅读全文
摘要：
做项目时，我们经常会遇到表单项不单单是input,select框这些基础表单项，有时候会在表单里出现一些较为复杂的自定义组件，比如下图中的插槽类型组件： 插槽组件我实现了v-model的用法，代码如下： slotTypeSelector: 1 <template> 2 <div class="ite 阅读全文
摘要：
之前做导出表格功能时，都是后端进行实现，最近，领导要求前端实现导出，经过一番查找资料终于实现。 普通方式 下包 npm i -S file-saver xlsx 在util文件夹新建类 建立to_xlsx.js 1 import FileSaver from 'file-saver'; 2 impo 阅读全文
摘要：
最近做项目中，🈶️遇到过实现模版打印功能，网上也找到很多资料可以实现，有的方式可以实现分页，但是打印的A4纸上下不能留边距，后来找到一个通过剪裁的方式可以实现左右上下留边距，并且能实现分页； 方法如下：基本思路是对获得的canvas进行切割，按A4纸大小并留边距后的比例进行剪裁，切出一页一页的内容 阅读全文
摘要：
在使用element-ui的过程中，我相信你在使用到类似this.$message功能的时候，会觉得这个功能真的非常方便，不用import入组件，全局都可以调用。它就是通过Vue.extend + $mount实现。 扩展实例构造器 Vue.extend返回的是一个“扩展实例构造器”，也就是一个预设 阅读全文
摘要：
函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 函数节流（throttle）：当持续触发事件时，保证一定时间段内只调用一次事件处理函数。 1 /** 2 * @desc 函数防抖 3 * 阅读全文
摘要：
近期做项目时需要做一个横向的树结构的图，如下所示： 本图的实现采用了leader-line-vue组件， 具体实现如下： 先npm install leader-line-vue --save,安装依赖 然后，子组件RightTree的封装，代码如下： 1 <template> 2 <div cla 阅读全文
摘要：
/** * @description: 通过表格索引 定位表格的位置 * @param {refName} table的ref值 * @param {index} table的索引值 * @return: * @author: ywj */ $tableScrollMove(refName,inde 阅读全文
摘要：
最新在做一个页面，涉及到文件上传及文件回显，界面如下： 直接上文件代码，这里算是较为全面的文件上传了 1 <template> 2 <div class="information-wrapper"> 3 <div class="content"> 4 <el-form 5 ref="informat 阅读全文