- 博客(46)
- 收藏
- 关注
RSS订阅原创 DOM导出为图片
安装插件 html2canvasnpm install html2canvas或yarn add html2canvas引入插件import html2canvas from 'html2canvas'导出图片// 获取要导出的DOMconst rect = document.querySelector('#chart').getBoundingClientRect()html2canvas(document.querySelector('#chart'), { widt.
2022-03-22 14:39:39
1202
原创 js文本中含有链接添加a标签
replaceSrc (txt) { var reg = /(((https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)/ig var result = txt.replace(reg, (item) => {
2022-02-25 14:03:42
1582
原创 element-ui Cascader级联选择器实现一级二级单选，三级多选
<template> <div> <el-cascader v-model="value" :options="options" :props="{ multiple: true, checkStrictly: true }" clearable collapse-tags @change="changeLabel" ></el-cascader> </div
2020-10-30 14:58:27
11547
1
原创 element-ui table表格行内编辑加校验
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://unpkg.com/element-ui/lib/index.js"><
2020-06-23 16:07:49
3888
2
原创 arr数据整理成tree格式
const arr = [ { id: 1, name: '1', pId: 0 }, { id: 2, name: '1-1', pId: 1 }, { id: 3, name: '1-2', pId: 1 }, { id: 4, name: ‘1-1-1’, pId: 2 }, { id: 5, name: ‘2’, pId: 0 }]const treeDa = translateDataToTree(arr, 0)function translateDataToTree(data,
2020-06-23 15:14:38
318
原创 element-ui Cascader 级联选择器清除选中
<el-cascader v-model="value" :options="options" ref="cascader"</div>// 清空级联选择器选中状态this.$refs.cascader.$refs.panel.clearCheckedNodes()// 清除高亮this.$refs.cascader.$refs.panel.activePath = []
2020-06-23 14:59:39
6837
4
原创 javaScript基础知识
目录1.字符串1.1 toUpperCase() 把一个字符串全部变为大写1.2 toLowerCase() 把一个字符串全部变为小写1.3 indexOf() 会搜索指定字符串出现的位置1.4 substring() 返回指定索引区间的子串2.数组2.1 length取得Array的长度2.2 indexOf() 来搜索一个指定的元素的位置2.3 slice() 截取Array的部分元素，然后返...
2020-04-29 15:41:11
1105
原创 html写入json文件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="FileSaver.js"></script></head><bo...
2020-04-08 15:09:41
2359
原创 input限制输入为金额
<el-input v-model="val" placeholder="请输入金额" oninput="value=value.replace(/[^\d.]/g,'').replace(/\.{2,}/g, '.').replace(/^(\d+)\.(\d\d).*$/, '$1.$2')"></el-input>
2020-01-09 10:23:25
1084
原创 js文件调用vue页面方法
index.vueimport { jsmethod } from 'test.js'methods: { qwe(){}， asd(){ jsmethod(this.qwe) }}test.jsexport function jsmethod(qwe){ if (qwe) { qwe(); }}
2020-01-08 16:34:49
3734
1
原创 js右键菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...
2019-12-26 14:00:29
155
原创 d3力导向图
1. html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-12-26 09:16:51
1260
原创 js Math对象
属性属性描述Math.E欧拉常数，也是自然对数的底数，约等于2.718Math.LN22的自然对数，约等于0.693Math.LN1010的自然对数，约等于2.303Math.LOG2E已2为底E的对数，约等于1.443Math.LOG10E已10为底E的对数，约等于0.434Math.PI圆周率，一个圆的周长和直径之比，约等于 3....
2019-07-15 14:31:02
116
原创 vue引入第三方js文件
1.把js文件放入静态文件文件夹(static)下；2.修改build>webpack.base.conf.js文件在resolve.alias添加需要的js文件3.在需要的页面引入
2019-07-09 14:44:03
7273
原创 vue+antv g2+element-ui实现图表的增添拖拽
html<template> <div class="app-container dashboard"> <!-- 新增按钮和弹框 开始 --> <el-popover placement="left" width="30%" trigger="click" class="btn-add"> <el-coll...
2019-05-08 17:55:19
4338
2
原创 vue拖拽div位置互换
html<div class="item" v-for="(item, index) in divList" :key="index" draggable="true" @dragstart="handleDragStart($event, item)" @dragenter="handleDragEnter($event, item)" @dragover.prevent=...
2019-05-08 17:02:59
4141
3
原创 String
1. String的基本方法方法描述indexOf()返回某个指定的字符串值在字符串中首次出现的位置slice()提取字符串的某个部分，并以新的字符串返回被提取的部分split()把一个字符串分割成字符串数组charAt()返回指定位置的字符substr()在字符串中抽取从** start 下标开始的指定数目**的字符1.1 index...
2019-04-18 10:53:34
147
原创 Date
1. Date对象的创建写法一：表示的是当前代码执行的时间var date1 = new Date();console.log(date1); // Thu Apr 18 2019 09:18:37 GMT+0800 (中国标准时间)写法二：在参数中传递一个表示时间的字符串（兼容性最强）var date2 = new Date("2017/09/06 09:00:00");conso...
2019-04-18 09:33:46
184
原创 数组
数组的四个基本方法方法描述备注push()向数组的最后面插入一个或多个元素，返回结果为该数组新的长度会改变原数组pop()删除数组中的最后一个元素，返回结果为被删除的元素会改变原数组unshift()在数组最前面插入一个或多个元素，返回结果为该数组新的长度会改变原数组shift()删除数组中的第一个元素，返回结果为被删除的元素会改变原数组...
2019-04-17 15:58:01
294
原创 vue 组件之间的传值以及方法调用
父子组件传值父页面 引用子页面// 父页面代码<template> <div> <component-A :logo="logoMsg"></component-A> //logoMsg是父组件data里的值 </div> </template><script>import com...
2019-04-16 10:32:02
784
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人