自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 echarts 导出pdf空白原因

不获取复制节点,直接获取原生节点。但是会有一个问题,就是原生节点消失。因为appendchild会将原来节点移动到新的位置上,所以pdf导出之后原节点消失。由于代码中进行了dom字符串的复制,而echarts用canvas绘制,canvas内部内容不会进行复制,只会复制canvas节点,因此导出pdf空白。所以在生成pdf之后,将节点再放回父节点中。导出pdf,统计图部分为空白。

2024-09-24 09:23:18 693

原创 chart.js相关API

https://blog.csdn.net/qq_39460057/article/details/129321179https://blog.csdn.net/qq_36288559/article/details/112282212

2024-05-31 15:36:10 403

原创 canvas生成pdf 分页

链接:https://www.cnblogs.com/ZerlinM/p/17223973.html。

2024-01-31 17:29:38 193

原创 el-tree-v2中defaultCheckedKeys取消勾选再次点击还有勾选项

在选中选项后将选中值赋值给defaultCheckedKeys属性中,但是当点击取消之后,第一次弹出tree的dialog还是有第一次的选中项。因为defaultCheckedKeys值不是双向绑定,数组为空需要重新赋值。我在提交的时候使用了setCheckedKeys去把赋值的数组清空。

2023-10-25 10:05:21 1282

原创 table多选右侧展示,反显,组件

【代码】table多选右侧展示,反显,组件。

2023-10-18 10:57:57 717

原创 el-cascader, el-table联级,树状反显集合

【代码】el-cascader已知子节点id获取父级及以上id。

2023-10-09 14:56:54 709

原创 element table 合计行元素吸底+改变颜色

table加上 :row-class-name=“tableAddClass” 自定义行元素的class名。注意:要加z-index,不然被其他行覆盖起不到吸底效果。在函数中设置最后一行给class名。在style中定义class颜色。

2023-09-22 09:58:17 767

原创 uniApp初体验-从零开始注意事项

根据官网下载uni-app的项目。

2023-09-13 16:24:42 328

原创 vue3按钮防抖

通过获取dom节点,添加disabled。

2023-07-06 14:53:22 454

原创 小程序webView跳转链接失效

使用encodeURIComponent转义地址,否则/变为%使用decodeURIComponent解析。

2023-06-20 10:49:52 563

原创 vue3 使用antv自定义漏斗对比图+热力图+echart图表注意事项

注意:在官网中直接import { Scene, HeatmapLayer, Source } from '@antv/l7’引入使用(npm下载),在vue3中一直报错,不知道是什么影响的或者是我的框架与其有冲突。需要在index.html CDN引入,并且使用时需要用L7.Scene。echart 官网自定义漏斗图链接:https://g2plot.antv.antgroup.com/zh/examples/case/statistical-scenario/#funnel-analysis。

2023-04-07 17:00:24 2008 1

原创 vue a 标签href click同时出现,点击事件第一次失效

activeId为高亮id,函数输出改变,页面id未变。

2023-01-06 08:27:51 3755

原创 element plus cascader getCheckedNodes获取空值

后来发现,我使用了store进行了函数引入,导致第二次弹窗数值不符。百度搜索说是因为没有使用nextTick,我使用也不好使。弹出dialog,第一次选中数值正常。第二次点击弹框选择,节点与所选值不符。

2022-09-19 15:52:09 2421

原创 vue3 eslint 校验报错

将map 改为forEach。

2022-09-08 10:14:29 1515

原创 vue3 vue2 移动图标标点组件

详细信息:https://blog.csdn.net/yrqlyq/article/details/124843770。安装vue-draggable-resizable。

2022-09-02 16:56:49 541

原创 vue3项目创建

创建项目链接安装Eslint+设置自动保存格式化。

2022-09-02 10:43:01 143

原创 vue2视频video循环渲染卡顿+大视频分段上传

视频多个一起播放卡顿,所以播放一个其他禁止播放。大视频分片上传

2022-08-18 16:58:21 2203 2

原创 vue3使用wangeditor+上传图片限制组件

代码】vue3使用wangeditor+上传图片限制组件。

2022-08-12 16:45:51 1594

原创 vue3上传图片组件+图片加载失败替换图片

vue3上传图片组件。

2022-08-08 14:18:54 961

原创 数组去重合集

数组去重

2022-07-05 14:06:03 99

原创 vue2 视频下载本地,图片压缩包下载

视频图片下载

2022-06-30 20:34:53 1696 1

原创 Vue3使用wangeditor+图片宽度限制

vue3使用wangeditor+上传图片

2022-06-22 10:00:03 2442

原创 element ui table 悬停行,显示tip信息

https://segmentfault.com/q/1010000023275466?sort=created

2022-05-25 13:16:52 788

原创 正则校验汇总

保留两位小数const temp = row.disburseBond.toString()row.disburseBond = temp.replace(/^(-)(\d+).(\d\d).$/, ‘$1$2.$3’)

2022-05-18 10:48:11 90

原创 vue2+vu3项目经验小结)

// 上传视频 ImportExcel(file) { this.videoName = file.target.files[0].name this.file = file.target.files ? file.target.files[0] : [] var config = { onUploadProgress: (progressEvent) => { this.upload = true v

2022-04-18 17:51:22 1088

原创 原生js实现table 横向纵向全选功能

要实现这种功能,很明显用elment ui实现不了。element ui 纵向需要prop名字不一样才能展示,很明显,我这个一层二层是名字一样的数组期望后台返回数组是这种格式。所有需要自己用table tr td 去画表格,而且使用element ui 的checkbox我实现不了纵向全选,所有全部使用了原生js。//templat部分 <table class="table-style"> //纵向全选表头 <th v-for="(item,index).

2022-04-14 17:06:08 8219 3

原创 数组有值,但是获取不到内容,长度也为0

imgList0是有值 的,但是长度为0,是因为我使用this.formImg[‘imgList’ + index] = []这样赋值方式,所以导致监听不到数组变化,改为this.$set(this.formImg, ‘imgList’ + index, [])就好了

2022-04-07 16:37:07 2874

原创 element ui Cascader select多选传值及反显

传值后台需要接受的参数是数组格式但是 Cascader点击事件返回的参数是id名的数组,无法获取label值,所以需要获取节点this.$refs.cascaderAddr.getCheckedNodes()[0].pathLabels,就可以获取到。需要做出的效果图是这样的,所以我还需要获取层级字符串。我们二三级表单是通过动态加载获取的获取到的this.$refs.cascaderAddr.getCheckedNodes()其中path和 pathLabels分别对应id和名字,我需要将键值对

2022-03-18 21:39:11 3685

原创 element ui el-cascader获取下拉列表,二级三级名称不一样,使用props

分别是一二三级,二三级名称不一样,使用props需要二三级名称一样,后台修改太大,只能前端将三级名称改为二级selecCourse(e) { console.log(e) //获取列表 collegeTaskgetUserList({ courseId: e }).then(res => { this.departmentList = res.data.deptParentVOList console.log(this.depar.

2022-03-16 19:04:09 2044

原创 ant design vue TinyMce编辑器第一次刷新可以 切换后在点击内容赋值为空问题解决

http://blog.csdn.net/wyhc2021/article/details/122609720

2022-03-16 12:11:38 489

原创 html5 video动态展示视频不显示问题

这个形式视频没有显示,所以使用了computed属性<span v-if="type===3" v-html="videoSource" />computed: { // 计算属性的 getter videoSource: function() { // `this` 指向 vm 实例 return `<video controls autoplay width="360" height="640"><source src="${t.

2022-03-10 13:55:37 1912

原创 vue+form知识更新

1.清除form表单<script> export default { data() { return { // data表单对象 form: { input: '' } } }, methods: { // 重置表单方法

2022-03-02 11:03:47 350

原创 TypeError: Cannot destructure property `getFieldDecorator` of ‘undefined‘ or ‘null‘.

最底部ClassStatistics = Form.create()(ClassStatistics);export default ClassStatistics;

2022-02-16 10:19:52 703

原创 echarts饼图中间文字一直显示+折线图滚轮缩放+饼图鼠标悬停颜色禁止变浅

title:{ text:"12.45w", left:"center", top:"33%", textStyle:{ color:"#333333", fontSize:30, align:"center" } .

2022-02-15 15:55:26 1358 2

原创 echarts修改tooltip样式

悬浮样式修改tooltip: { textStyle:{ fontSize:14, color:'#fff' }, backgroundColor: 'rgba(51, 51, 51, 0.7)', // borderColor: 'rgba(51, 51, 51, 0.7)', .

2022-02-15 11:01:17 4484 1

原创 onMouseOver,onMouseOut事件,鼠标移动,改变图片闪烁

在改变元素加上css样式pointer-events: none;echarts 图例文字过长lenged加上formatter: function (name) {return name.length > 17 ? name.substr(0, 17) + ‘…’ : name}

2022-01-21 13:30:48 484

原创 echarts图例分页+图里颜色前十固定剩下随机

分页前端需要写一个假分页,而统计图是一个组件。echarts官网有图例分页。通过加type:scroll就可以实现,但是图例为一行,并不是两行,所以样式不允许。而实现两行图例我的方法是将legend用为数组,里面加两条数据。两个data分别代表上下两行的数据。思考tsakKanban为父组件传入的统计图数值,比如tsakKanban传入了53条数据,而[0,53]为全集,[0,10][10,20][20,30],[30,40][40,43]为[0,53]的子集,所以我应该把全集分为十条一组。.

2022-01-20 15:00:25 2780

原创 webpack使用optimizer-css-assets-webpack-plugin压缩css文件报错

1.安装optimizer-css-assets-webpack-plugin报错百度寻找指定optimizer-css-assets-webpack-plugin版本依旧报错最后使用css-minimizer-webpack-plugin,css压缩成功2.原因:可能是与webpack版本有关

2022-01-06 15:30:54 1026

原创 webpack css浏览器兼容打包报错 Module build failed (from ../node_modules/postcss-loader/src/index.js)

将postcss-loader ,postcss-preset-env降低版本至3.0.0

2022-01-06 13:35:58 3797

原创 webpack打包报错 Invalid options object. Dev Server has been initialized using an options object that doe

因为contentBase:resolve(__dirname,‘build’)报错,将contentBase换成static就可以啦

2021-12-29 11:36:55 753

空空如也

空空如也

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

TA关注的人

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