常用正则，实时更新。。。 notEmpty: /\S/, // 非空integer:/^[1-9]\d*$/, //正整数integerp:/^[+]{0,1}(\d+)$|^[+]{0,1}(\d+\.0)$/,//正整数包括正整数.0decimal:/^((0{1}\.\d{1,2})|([1-9]\d*\.{1}\d{1,2})|([1-9]+\d*))$/, //两位小数noNinteger:/^[1-9]\d*|0$/,//非负整数floatNum:/^\d+(\.\d+)?$/,
TypeError: Cannot read property ‘linearGradient‘ of undefined echarts是使用过程中升级到5.0以上版本发现原本的颜色渐变使用方法报错只需要改一下写法就可继续使用原来：new echarts.graphic.LinearGradient改为：new this.$echarts.graphic.LinearGradient亲测有效
基于vue+element 实现两个树形tree之间的跨树拖拽 <el-tree :data="data" node-key="id" default-expand-all @node-drag-start="handleDragStart" @node-drag-enter="handleDragEnter" @node-drag-leave="handleDragLeave" @node-drag-over="handleDragOver" @node-drag-end="handleDragEnd" @node-drop=
element 树形刷新纪录上次打开与选中 1、tree 加@node-expand 和@node-collapse 将上次展合情况用数组纪录并赋值给default-expanded-keys=’[]’<el-tree :data="treedata" ref="tree node-key="id" :default-expanded-keys="expandedList" @node-expand="nodeExpand" @node-collapse="nodeCollapse"></el-tree>2、me
element表格列按比例分 一般情况下直接写 <el-table-column prop="name" label="name" align="center" width="100px"> </el-table-column>这种情况下可以设置尺寸但是只是固定尺寸如果想要等比例，应该设置百分比，并且必须为min-width <el-table-column prop="name" label="名称" align="center" min-width="20%"> </
highcharts 实现3d饼图 1、下载npm install vue-highcharts --savenpm install highcharts --save2、main.js中import highcharts from 'highcharts'import VueHighCharts from 'vue-highcharts'import highcharts3d from 'highcharts/highcharts-3d'Vue.use(VueHighCharts)highcharts3d(high
记录将自定义指令写到另外的js中（别的方法也通用） 1、在untils文件夹在新建aa.js2、js中写export const fun={方法xxxxxxx}3、在需要用到的页面引入import { fun} from “@/utils/aa”4、自定义指令Vue.directive(“name”, fun);
vue+element表格双击编辑单元格 思路：给每条对应的数据都加上edit:false/true属性来控制该条数据对应的单元格你内显示的是输入框还是文本内容html部分1、element文档中有写关于表格的事件2、每条数据对应都有edit属性，为true的时候显示输入框，为false显示文本内容js部分：1、统一给获取到的表格数据加入edit属性，默认为false,传入的参数t为表格的数据json initTbale(t) { t.forEach((item, index) => { fo
拖拽之网格吸附+放大缩小 最近项目中有这样一个需求：要求网格中每个块拖拽的时候吸附网格，并且放大缩小相对位置不变，传给后台的坐标信息也一致；拖拽大家都会，特别简单，但是吸附网格+放大缩小相对信息不变可能会加大一点难度，我自己技术有限，写了一个下午终于算是写出来了，写篇博客记录一下!附上代码以及稍微一点解释：//自定义拖拽指令Vue.directive("drag", { update: function(e, value, vNode) { var ex, ey; var id = value.valu.
杂记-持续更新 1、给form表单赋值的时候注意看是否需要深拷贝，不需要则用JSON.parse(JSON.stringify())2、在一个数组对象中找寻id为1的某条数据数组对象.find(item => item.id ===1)3、在一个数组对象中过滤掉id为1的某条数据数组对象.filter(item => item.id!== 1)4、element中清空表单this.$refs.form.resetFields();5、...
vue将div或图片导出为pdf 4个步骤1、下载：npm install --save html2canvasnpm install jspdf --save2、在utils文件夹下新建一个js文件，并复制以下内容import html2canvas from 'html2canvas';import JsPDF from 'jspdf';/** * @param ele 要生成 pdf 的DOM元素（容器） * @param padfName PDF文件生成后的文件名字 * */f
vue 点击一键导出excel表格 vue项目点击导出excel表格，不磨叽，4个步骤1、npm install -S file-saver2、npm install -S xlsx3、安装完成之后在你需要导出的那个vue文件中引入4、按钮绑定click事件，比如@click=“exportExcel”，下面methods里面写方法这样一个最简单的excel表格就导出了。...
关注
