- 博客(52)
- 收藏
- 关注
原创 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 1065
原创 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 1402
原创 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 10932 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 3697 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 265
原创 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 6690 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 169
原创 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 2241
原创 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 997
原创 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 3651 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 127
原创 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 1169
原创 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 94
原创 vue引入第三方js文件
1.把js文件放入静态文件文件夹(static)下;2.修改build>webpack.base.conf.js文件在resolve.alias添加需要的js文件3.在需要的页面引入
2019-07-09 14:44:03 7164
原创 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 4224 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 4033 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人