- 博客(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 1139
原创 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 1511
原创 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 11342 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 3807 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 296
原创 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 6786 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 1093
原创 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 2297
原创 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 1051
原创 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 3705 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 140
原创 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 1208
原创 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 106
原创 vue引入第三方js文件
1.把js文件放入静态文件文件夹(static)下;2.修改build>webpack.base.conf.js文件在resolve.alias添加需要的js文件3.在需要的页面引入
2019-07-09 14:44:03 7238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人