- 博客(16)
- 收藏
- 关注
原创 关于svg更改部分内容
Gtext.textContent = Gtext.textContent.replace('你需要替换的字段','替换后的文字')//整体替换就将textContent重写。let svgDefs =$(svgDom).children("defs")//获取defs标签。let svgGDom =$(svgObj).children("g")// 获取svg内的g标签。let svgObj =$(svgDom).children("svg")//获取svg标签。//先写一个获取子节点的通用函数。
2023-11-06 15:14:12
480
原创 vue预览pdf文件
/ 改变PDF页码,val传过来区分上一页下一页的值,0上一页,1下一页。this.currentPage = 1 // 加载的时候先加载第一页。pageCount: 0, // pdf文件总页数。currentPage: 0, // pdf文件页码。>上一页下一页
2023-01-05 17:43:13
291
原创 前端下载二进制文件流
//请求export function xxxxx(params) { return request({ method: 'get', responseType: "blob",// 必须写 url: `xxxxxxxxx/xxx/xx?key=${params}`, })}downExport({ key: value}).then((res)=>{console.log(n...
2022-04-25 16:13:16
1565
原创 elemnetui 自定义上传文件(带进度条)
async handleChange (params) { // this.fileList = [] this.form.fileSize = params.file.size const fileBody = new FormData() fileBody.append('file', params.file) fileBody.append('moduleType', 'unstructured') fileBody.append('key', this.form.s...
2022-04-24 17:12:25
1450
原创 css样式根据子元素对父元素进行更改
const tree = Object.values(document.getElementsByClassName('xxx'))// 获取所有类名为el-tree-node__content的div(更改背景色就是更改xxx的背景色),// 这是一个对象,需要先更改未数组类型再进行判断 其内部所有的子元素也为对象因此在map时均需要进行更改// 直到在第三层找到我们自己定义的id yyy时将xxx的背景色更改掉,其余的同类均改为默认背景色tree.map((item) => { //.
2022-04-18 17:54:05
8097
原创 点击图片复制对应的数据
copyClick(url) { var copyTest = url // 需要复制的内容 var inputTest = document.createElement('input') inputTest.value = copyTest document.body.appendChild(inputTest) inputTest.select() document.execCommand('Copy') inputTest.className = 'oInput' i.
2022-03-29 09:08:50
99
原创 echart 饼状图设置渐变色
const getLinearColor = function(color1, color2, pos) { const p = Object.assign({ x: 0.5, y: 0, x2: 0.5, y2: 1 }, pos) return { type: 'linear', ...p, colorStops: [ { offset: 0, color: color1 }, { of.
2022-03-10 16:27:50
3029
原创 js获取浏览器内核版本信息
var angent=navigator.userAgentconsole.log(angent,'浏览器内核信息')火狐谷歌
2022-02-21 14:51:21
3665
原创 动态生成echart图(拖拽生成echart)并导出json
组合页面代码<template> <div class="hello"> <div style="height: 100%;flex: 1;overflow-y: auto"> <vuedraggable :group="{name:'menu',pull:'clone',put:false}" :sort="false" :list="echartArr" @end="addOne" :clone="cloneArr">
2022-02-15 09:46:57
1478
原创 element-plus tree在ts里的过滤问题
首先在tree里定义ref<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-treeref="treeFilter":filter-node-method="filterTreeNode"><el-tree/>setup(){let treeRef = ref<any>(null);let filterTex
2022-01-06 17:35:24
1519
原创 前端crypto-js加密解密
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="submits" onclick="displayDate()" >点击</button> </bod...
2021-09-02 11:41:28
1398
原创 vuedraggable拖拽火狐开启新页面问题
vuedraggable拖拽在火狐会打开新页面只要阻断冒泡即可document.body.ondrop = function (event) { event.preventDefault(); event.stopPropagation();}
2021-09-02 11:05:20
476
原创 关于都d2-admin element组件换成新版本的一些问题
d2-admin更新element新版本后因为element组件新版本已经移除了style.css文件,会导致系统无法正常运行,前往vue.config.js内将代码 externalCssFiles: ['./node_modules/element-ui/lib/theme-chalk/style.css']注释/删除即可...
2021-08-30 14:32:14
227
原创 scrollIntoView()导致导致整个页面上移问题
类似与fiexd导致的原因其它连接一堆https://blog.csdn.net/hetingtingitsme/article/details/105034530但是还有一些是纯粹高度造成的,可以尝试更改一下最后一个锚点的高度(很NT的问题,纯粹是写着的失误)...
2021-08-30 14:28:17
2048
原创 vue类似阻断scroll完成
一个页面内有多个滚动条,其中某个滚动条进行了锚点,为防止其它滚动条对其造成影响,只要给其它滚动条使用者(el-scrollbar,el-table设置了height)添加class,在监听时过滤添加了class的滚动事件即可滚动条监听:<div ref='scroll'><el-scrollbar ></el-scrollbar><el-scrollbar class='stopScroll'></el-scrollbar>&.
2021-08-27 11:05:47
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人