- 博客(99)
- 收藏
- 关注
RSS订阅原创 el-tree-v2中defaultCheckedKeys取消勾选再次点击还有勾选项
在选中选项后将选中值赋值给defaultCheckedKeys属性中，但是当点击取消之后，第一次弹出tree的dialog还是有第一次的选中项。因为defaultCheckedKeys值不是双向绑定，数组为空需要重新赋值。我在提交的时候使用了setCheckedKeys去把赋值的数组清空。
2023-10-25 10:05:21
1061
原创 element table 合计行元素吸底+改变颜色
table加上 :row-class-name=“tableAddClass” 自定义行元素的class名。注意：要加z-index，不然被其他行覆盖起不到吸底效果。在函数中设置最后一行给class名。在style中定义class颜色。
2023-09-22 09:58:17
401
原创 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
1745
1
原创 element plus cascader getCheckedNodes获取空值
后来发现，我使用了store进行了函数引入，导致第二次弹窗数值不符。百度搜索说是因为没有使用nextTick，我使用也不好使。弹出dialog，第一次选中数值正常。第二次点击弹框选择，节点与所选值不符。
2022-09-19 15:52:09
2338
原创 vue3 vue2 移动图标标点组件
详细信息：https://blog.csdn.net/yrqlyq/article/details/124843770。安装vue-draggable-resizable。
2022-09-02 16:56:49
453
原创 element ui table 悬停行，显示tip信息
https://segmentfault.com/q/1010000023275466?sort=created
2022-05-25 13:16:52
688
原创 正则校验汇总
保留两位小数const temp = row.disburseBond.toString()row.disburseBond = temp.replace(/^(-)(\d+).(\d\d).$/, ‘$1$2.$3’)
2022-05-18 10:48:11
69
原创 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
962
原创 原生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
8085
3
原创 数组有值，但是获取不到内容，长度也为0
imgList0是有值 的，但是长度为0，是因为我使用this.formImg[‘imgList’ + index] = []这样赋值方式，所以导致监听不到数组变化，改为this.$set(this.formImg, ‘imgList’ + index, [])就好了
2022-04-07 16:37:07
2650
原创 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
3382
原创 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
1905
原创 ant design vue TinyMce编辑器第一次刷新可以 切换后在点击内容赋值为空问题解决
http://blog.csdn.net/wyhc2021/article/details/122609720
2022-03-16 12:11:38
427
原创 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
1809
原创 vue+form知识更新
1.清除form表单<script> export default { data() { return { // data表单对象 form: { input: '' } } }, methods: { // 重置表单方法
2022-03-02 11:03:47
314
原创 TypeError: Cannot destructure property `getFieldDecorator` of ‘undefined‘ or ‘null‘.
最底部ClassStatistics = Form.create()(ClassStatistics);export default ClassStatistics;
2022-02-16 10:19:52
661
原创 echarts饼图中间文字一直显示+折线图滚轮缩放+饼图鼠标悬停颜色禁止变浅
title:{ text:"12.45w", left:"center", top:"33%", textStyle:{ color:"#333333", fontSize:30, align:"center" } .
2022-02-15 15:55:26
1263
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
4428
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
438
原创 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
2634
原创 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
918
原创 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
3690
原创 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
712
原创 WEBPACK4之 REFERENCEERROR: DOCUMENT IS NOT DEFINED
https://www.freesion.com/article/25711020629/
2021-12-29 09:59:55
508
原创 antd datepicker固定日期，时间在可选范围内可用（数组push，但不能获取）
Little Tip遇到的小问题在componentDidMount的周期函数钟，初始化函数时，数组push进去了，但是不能获取出现这种情况，悬停后面的小i提示This value was evaluated upon first expanding. It may have changed since then.。百度之后显示数组在console之后还进行了更改，所以不能获取到数组。原因如图所示，先输出了88行信息，其次输出70行信息，最后输出84行信息。所以在88行运行的情况下，数组还未
2021-12-18 17:51:07
1143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人