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