- 博客(56)
- 收藏
- 关注
RSS订阅原创 前端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
1288
原创 前端生成短链接
<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
1033
原创 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
686
原创 树状结构处理（）
/*//将扁平数据转换为树状结构 @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
97
原创 扁平数据结构转换为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
161
原创 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
728
原创 树状结构已知子类属性（id或者name）向上递归获取所有父节点信息返回数组
树状结构已知子类属性（id或者name）向上递归获取所有父节点信息返回数组
2022-01-07 09:24:26
777
原创 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
1393
原创 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
1197
原创 echart 横坐标取log，type为log时横坐标显示不全
xAxis: [ { name: "A", axisLabel: { formatter: "{value} %", interval: 0, }, }, ],横坐标取log前 xAxis: [ { name: "A", type: ...
2021-12-22 10:26:31
1135
原创 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
1053
原创 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
878
原创 vue antd自定义下拉列表
<div @mousedown=" (e) => { e.preventDefault(); this.selectOpen = true; } " > <a-select style="width: 190px" :open="selectOpe...
2021-11-30 09:49:54
1388
原创 根据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
321
原创 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
1675
原创 vue antd 表格多选行与分页同时使用，点击会选中每一页的同一行问题
//在table组件里写入 （绑定唯一标识）<a-table :rowKey="(record, index) => record.id">
2021-11-09 14:06:42
1235
1
原创 下载（导出），返回为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
687
原创 下载导出表格（返回为乱码），响应头下载
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
113
原创 数组对象根据某一属性合并为新的数组
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
524
原创 使用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
1436
原创 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
305
原创 修改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
1908
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
499
原创 vue菜单子页面中切换tab页和跳转路由均清除定时器
主页面<component :ref="child"></component> this.$nextTick(() => { this.$refs.child.cleartime(); // 调用清除定时器的方法 }); } //跳转路由均清除定时器 beforeRouteLeave(to, from, next) { // 导航离开该组件的对应路由时调用 this.$nextTick(() => .
2021-08-26 17:24:24
513
原创 给对象赋值
给对象赋值`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
116
原创 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
4053
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
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人