- 博客(11)
- 收藏
- 关注
RSS订阅原创 关于el-tree树形组件 自定义渲染数据
解决方法就是在树形结构里写一个插槽，slot-scope = {node,data} 前面的node会包含获取的所需的数据 有点像表格插槽时的scope.row。效果如下 前面的label文字 ，需求是在每个label后面加上对应的数值。
2024-03-25 18:22:17
243
1
原创 子组件弹窗中渲染echarts图表，但是父组件主页面刷新时控制台一直报错error：Initialize failed: invalid dom.
开始尝试了好几种方法 ，在opened回调事件里利用this.$nextTick去调用两个图表初始化事件，或者在图表渲染的事件里加定时器延后啊 等等都不起作用，最后查找半天 受到启发，在图表渲染时加判断处理，报错信息解决~ 对于弹窗组件中添加echarts图表 建议在弹窗的opened里调用图表初始化，否则图表可能会渲染不出来。
2024-03-21 11:26:32
153
1
原创 关于elementUI库的表单组件重置方法不生效的解决
大概总结下，如果想使用表单控件里的resetFilelds()方法，需要给表单绑定ref值，以及给每个el-form-item 加上prop的绑定值，表单校验的重置也是同理，还有个偷懒的小方法 ，如果没加prop ，可以在重置方法时，直接给表单的model值 this.formInline = {} ,这种也可以重置，但是需要在data里给model值初始定义所有的绑定值。之前一直没发现有这么个问题，一不小心还真容易踩坑。一边踩坑一边学习，哈哈哈哈。
2024-01-09 10:36:00
425
原创 vue2后台系统需要接入文件预览项目，使用kkFileView预览组件达到对docx、excel、ppt、jpg等文件的预览效果
vue中实现批量文件上传和多类型文件在线预览功能
2023-11-30 11:36:02
645
原创 vue2中echarts饼图和柱状图联动，点击饼图扇区带出柱状图数据的实现，以及需要注意的点
let that = this //改变this指向 直接使用this 会定位到echart 不是vue (指向问题很关键，开始我就踩坑了)// 扇区点击事件 联动柱形图（这个点击事件就是点击扇区 然后把对应的值赋值给柱状图啦）that.zhuInit() //改变指向后才能调用方法 否则会报错未定义。color: colorspie // 使用相同的颜色配置。//或者改成箭头函数 this指向也可改变 （param）=>{}// 选中legend 触发点击事件。// 随着屏幕大小调整图表。
2023-09-15 10:26:13
1318
原创 后台管理系统中首页板块的背景图根据浏览器分辨率缩放时，依旧铺满全屏，图片不发生变形
众所周知 当浏览器自带的分辨率缩放调整时 页面会跟随放大缩小，如果是背景图之类的 ，也是缩小或者是放大，客户提出了需求，要求当浏览器的分辨率在75%时，背景图正常铺满全屏，因为项目中首页的背景图还加有定位样式，图片进行缩放时 原本定位的样式 就会发生移位改变，踩了几个坑后，初步需求解决了 ，先记录下来吧。
2023-08-29 15:50:34
178
1
原创 flv格式的监控视频播放功能的实现
在实现功能的过程中 有一个问题，如果是像我这种动态渲染视频数量的话 ，在谷歌浏览器中会有视频数量的限制，只能一次播放6个视频，要放开限制的话 需要后端去做处理了。最近项目中涉及到一个视频板块，要实时播放监控视频，类似于直播流的flv格式，摸索完现在功能算是实现了，记录一下，也方便以后给有需要的小伙伴参考。记得给video标签添加宽高，如果想给视频加入控制条 ，就加上controls属性，而且在视频加载时 会有加载效果出现。第四步：我这个是级联选择器作为触发开关，切换选择项 ，调用视频，动态渲染多个视频。
2023-08-29 09:38:38
157
1
原创 echarts的series为动态时，tooltip的显示数据条数不匹配实际的series数据条数
echarts的series动态生成时，tooltip出现数据残留问题的解决
2023-08-06 20:18:32
377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人