自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

原创 g6绘制树状图 画布内容 居中且不放大的方法

antv g6

2022-11-16 10:07:43 170

原创 前端根据帧率操作视频的某一帧(标注信息)

前端根据帧率操作视频的某一帧(标注信息)

2022-09-29 10:43:41 491

原创 antd’多选自动分词

多选自动分词

2022-09-06 17:07:47 79

原创 解决vue antd tab切换多次切换不刷新的问题

解决vue antd tab切换多次切换不刷新的问题

2022-06-14 10:15:41 772

原创 使用 __proto__ 来分配原型

使用 __proto__ 来分配原型

2022-06-07 10:12:12 24

原创 前端vue 表格转换为图片导出

npm 安装npm install --save html2canvas <div v-if="detailflag" class="m-mt12" ref="imageWrapper1"> 表格 </div> <a-icon type="copy" @click="createImg()" /> import html2canvas from "html2canvas"; createImg() { html2canv.

2022-05-17 10:08:18 471

原创 前端生成短链接

<template> <!-- 公共生成分享url --> <div> <a-button type="primary" ghost style="float: right; margin-left: 15px" @click="setUrl" >生成分享url</a-button > </div></template><scr

2022-05-13 16:42:25 602

原创 vue websocket封装到公共方法,子组件引用

1.**publicMethods.js**//websocket export function openSocket(uuid) { let env = process.env.VUE_APP_WEBSOCKET; let url = `ws://${env}/tdmsWs/webSocket/${uuid}`; let socket = new WebSocket(url); // let data; //打开事件 socket.onopen = (

2022-05-13 16:05:22 408

原创 树状结构处理()

/*//将扁平数据转换为树状结构 @param [{name: "gender", options: ["female", "male"]}] @returns [{key:"0-0",title:"gender",value:"0-0",children:[{key: "0-0-0",title: "female",value: "0-0-0"},{}]}]*/ export function AttributesTotreedata(attributesList) { // alert

2022-04-25 14:18:20 53

原创 websocket vue 前端

websocket vue 前端

2022-03-16 14:53:45 4188

原创 vue antd 表格翻页勾选

vue antd 表格翻页勾选

2022-03-09 15:42:47 913

原创 扁平数据结构转换为tree需要的结构(例如文件夹树)

<a-tree show-icon :tree-data="treeData" > <img src="....png" slot="folder" /> </a-tree>let aaa=[{id: 8, name: "111", pid: 11, uploadLogId: 52850},{......}]this.treeList = aaa ..

2022-02-16 14:49:42 72

原创 js查找当前列表

//根据阈值列表查询frr表格数据 searchthreshold() { let data = []; let arr1 = this.threshold; //当前列表 let arr2 = this.frrthresholdList; //全列表 if (!arr1.length) { data = this.frrthresholdList; } else { data = arr2.filt..

2022-01-10 14:04:07 547

原创 树状结构已知子类属性(id或者name)向上递归获取所有父节点信息返回数组

树状结构已知子类属性(id或者name)向上递归获取所有父节点信息返回数组

2022-01-07 09:24:26 561

原创 js修改object的key

1//将name换成label this.treeDatas = JSON.parse( JSON.stringify(this.treeDatas).replace(/"name"/g, '"label"') ); this.treeDatas = JSON.parse( JSON.stringify(this.treeDatas).replace(/"sub_folder"/g, '"children"') ); 2 data.f

2022-01-06 13:31:16 992

原创 默认不换行 css

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;

2022-01-06 10:24:11 244

原创 js中object对象的复制与引用

js中object对象的复制与引用

2021-12-29 14:31:41 618

原创 js将小括号换为中括号,字符串转换为数组

changePoint(data) { if (data != null) { let str = data; let str1 = str.replaceAll("(", ""); let str2 = str1.replaceAll(")", ""); let arr = str2.split(","); let num = 2; let newArr = arr.reduce((pre, ...

2021-12-24 09:51:57 911

原创 echart 横坐标取log,type为log时横坐标显示不全

xAxis: [ { name: "A", axisLabel: { formatter: "{value} %", interval: 0, }, }, ],横坐标取log前 xAxis: [ { name: "A", type: ...

2021-12-22 10:26:31 463

原创 后端返回的obj中包含\,js处理成json

const obj="{\"a\":\"\"}";{{JSON.parse(obj)}}

2021-12-16 10:48:15 208

原创 vue antd的树状选择器(将返回结构处理为理想结构)

//返回的数据let arrlist=[{name:"A",options:['a1','a2','a3']},{name:"B",options:['b1','b2',' b5']},{name:"C",options:['c1','c2',' c6']}] let treedata = []; arrlist.forEach((item, index) => { treedata.push({

2021-12-15 15:56:41 852

原创 echarts画 连续的点连成曲线

```javascriptechartsfun() {// 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById(“main”));// 绘制图表myChart.setOption({// }title: {text: “ECharts 入门示例”,},tooltip: {trigger: “axis”},xAxis: [{name: “A”,// type: ‘log’,ax..

2021-12-06 17:11:28 556

原创 vue antd自定义下拉列表

<div @mousedown=" (e) => { e.preventDefault(); this.selectOpen = true; } " > <a-select style="width: 190px" :open="selectOpe...

2021-11-30 09:49:54 900

原创 根据id相同查找数据

let arr1 = [ { id: 1, name: "老大" }, { id: 2, name: "老1" } ]; let arr2 = [ { id: 1, name: "老大" }, { id: 2, name: "老三" }, { id: 4, name: "老四" }, { id: 5, name: "老五" } ]; let add = arr2.filter(item => ..

2021-11-29 13:09:13 142

原创 echarts初始化获取不到dom vue

<template> <div id="main" style="width:1000px;height:500px"></div></template><script>import * as echarts from "echarts";export default { name: "HelloWorld", props: { msg: String }, methods: { echartsfun(

2021-11-25 10:22:06 1165

原创 vue antd 表格多选行与分页同时使用,点击会选中每一页的同一行问题

//在table组件里写入 (绑定唯一标识)<a-table :rowKey="(record, index) => record.id">

2021-11-09 14:06:42 917

原创 下载(导出),返回为bytes的字节流,先将bytes转换为blob,再下载

//base64转blob b64toBlob(b64Data, contentType, sliceSize) { contentType = contentType || ""; sliceSize = sliceSize || 512; let byteCharacters = atob(b64Data); let byteArrays = []; for ( let offset = 0; ...

2021-11-09 10:27:43 266

原创 下载导出表格(返回为乱码),响应头下载

let blob = new Blob([response.data], { type: "application/vnd.ms-excel", }); let fileName = response.headers["content-disposition"].split("=")[1]; let downloadElement = document...

2021-11-09 10:06:16 84

原创 数组对象根据某一属性合并为新的数组

let arr = [ { id: 1, list: { name: 999} }, { id: 1, list: { name: 888} }, { id: 2, list: { name: 777} }, { id: 2, list: { name: 666} }, { id: 3, list: { name: 555} }, { id: 3, list: { name: 444 } }, ]; let A...

2021-10-27 10:50:06 262

原创 使用antv中g6画树状图

<template> <div id="container"></div></template> <script>import G6 from "@antv/g6";export default { name: "index", mounted() { console.log(777777778889);// this.treedata= JSON.parse(JSON.stringify(this.tr.

2021-10-15 15:02:05 797

原创 antd tree 树状选择器 子类必填

//1筛选必填项父类的id 2填入所有子类都向上获取父节点,组成父节点id数组 两者对比(2中包含1即可) let newuni = []; /// newData所有子类都向上获取父节点 组成父节点数组 let comparedata = []; //筛选必填项父类的id 如果 comparedata.every((val) => newuni.includes(val)) 为true ,即必填项已经都填入,否则没有填入...

2021-09-26 14:21:25 129

原创 修改antd tree组件,使其子类横向排列。

<template> <div> <a-tree-select v-model="value" treeDefaultExpandAll="true" style="width: 100%" :tree-data="treeData" tree-checkable :show-checked-strategy="SHOW_PARENT" search-placeholder="Ple

2021-09-17 16:56:45 991 3

原创 echarts 如何通过id同时画多个图

<div v-for="(item, index) in picturelist" :key="index" > <div v-show="item.show"> <p>{{ item.title}}</p> <div :id="'moreChart' + index" ></div> </div> </div> imp.

2021-09-13 17:03:29 258

原创 前端base64图片如何打开

img src="data:image/jpeg:base64,+‘返回的base64字符串’ "

2021-09-01 16:22:46 713

原创 vue菜单子页面中切换tab页和跳转路由均清除定时器

主页面<component :ref="child"></component> this.$nextTick(() => { this.$refs.child.cleartime(); // 调用清除定时器的方法 }); } //跳转路由均清除定时器 beforeRouteLeave(to, from, next) { // 导航离开该组件的对应路由时调用 this.$nextTick(() => .

2021-08-26 17:24:24 222

原创 插槽里如何判断text为数组

v-if=“Array.isArray(text)”

2021-08-25 14:25:05 24

原创 给对象赋值

给对象赋值`let obj={};this.form=[{key:"name",value:"5555"},{}]this.form.foreach((item)=>{obj[item.value]=item.key})obj={55555:"name",..........}`

2021-08-24 16:24:08 79

原创 canvas给图片画框框

<template> <div class="item-img"> <canvas id="myCanvas" width="1280" height="650"> Your browser does not support the HTML5 canvas tag. </canvas> </div></template><script>export default { data

2021-08-17 18:55:49 2155 3

原创 antd vue table表格同一列合并表格和点击事件同时实现

{ align: "center", width: 145, title: "Case", dataIndex: "caseCode", // scopedSlots: { customRender: "caseCode" }, customRender: (text, row) => { const obj = { ...

2021-08-12 16:25:15 220

原创 取zip包中的文件名

console.info(file)var JSZip = require(“jszip”);var new_zip = new JSZip();new_zip.loadAsync(file).then(function (f) { console.info(f.files) });}

2021-04-14 10:12:49 276

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除