- 博客(59)
- 收藏
- 关注
RSS订阅原创 使用jspdf将html页面生成pdf文件
/ name：保存的文件名称；this.$refs.outputReportPDF：要输出成pdf的总模块；this.$refs.outputReportPDFItem：总模块中的每个item,用于判断是否需要在换页时加个空白框隔开。// 等最后一张图片在页面中加在完再输出成pdf，要不然pdf文件里的图片会不显示。2、在utils文件夹下创建一个单独的文件（名字无具体要求）// el-image加在完图片时触发。1、下载jspdf插件包。// 引入刚才创建的文件。'从后端获取到的数据'
2024-06-06 15:22:56
962
原创 splitpanes一开始进入页面有个拖动的效果
splitpanes默认是从50%开始的，所以我们设置的初始宽度/高度不是50%时，splitpanes会从50%的位置拖动到设置的位置，这时就有个拖动的动效。
2024-05-31 11:45:37
405
原创 vue使用海康的H5视频播放器开发包实时预览监控画面
在项目中的public文件夹下新建一个h5player的文件夹（这里的文件夹名字可以自己取，后端引入时注意一下就好了），接着将刚才下载的开发包中的bin文件夹里面所有的文件都赋值到项目中的h5player文件夹下。// // 当容器div#play_window有固定宽高时，可不传iWidth和iHeight，窗口大小将自适应容器宽高。2、使用该插件很难更改其样式，只能使用其自带的窗口（1x1,2x2等），如过我要一个1x2的窗口就无法实现；// // 分屏播放，默认最大分屏4*4。
2024-05-20 09:37:18
1689
1
原创 echarts中的x轴数据过多，让x轴隔5个才显示，并且最后一个一定要显示
【代码】echarts中的x轴数据过多，让x轴隔5个才显示，并且最后一个一定要显示。
2024-04-30 09:39:08
352
原创 vue使用海康控件开发包——浏览器直接查看海康监控画面
注意：如果你这时切换了页面，但是监控窗口还是在的，我们在切换回来时，再次点击登录也会报错的，提示我们已经登录过了，所以我们关掉监控窗口时要执行，停止预览–>退出登录–>销毁插件。这里有个bug，关闭页面后再次启动页面进行监控预览时会报错。原因：关闭页面时“关闭预览”的操作还未完成就把插件销毁了。到这里浏览器页面就可以预览监控画面了。如果有监控画面则可以进行下面的操作。解决方法：加个延时器。
2024-04-25 11:09:25
1312
2
原创 webStorm创建Vue3+TS项目时出现很多警告（黄色波浪线）
（之前的使用的版本时2021版的，现在安装的是最新的2024版）：webStorm的版本太低了。：安装最新版的webStorm。：安装前记得把旧版的卸载。
2024-04-23 17:24:15
562
原创 vue3+TS项目报错Vue: Property code does not exist on type AxiosResponse＜any, any＞
在封装的axios文件中加入以下代码（我这里是utils/request.ts）
2024-04-23 14:57:29
428
2
原创 Vue3的语法糖进行父子组件传值
/ 记得使用toRefs，要不然父组件的值改变了，子组件是不会变的。// 这里类似Vue2中的prop。// 监听父组件传过来的值。// 在方法里面赋值。
2024-04-17 10:31:39
395
原创 使用element-plus中的表单验证
/ 重置验证规则，调用resetForm(ruleFormRef.value)// 该名称要和标签中ref的名称一样。'账号只能是字母或数字'// 验证成功进入这里。// 自定义检验规则。
2024-04-12 16:06:46
451
原创 vue3语法糖引入其它组件时报错
使用时移动要把vue的后缀加上，要不然就会报错错误的写法：import SingleTable from '@/components/singleTable/index'正确的写法import SingleTable from '@/components/singleTable/index.vue'
2024-04-12 09:08:09
254
原创 el-date-picker，点击清空按钮后，时间默认为默认值，但是回显不成功
【代码】el-date-picker，点击清空按钮后，时间默认为默认值，但是回显不成功。
2023-10-25 11:16:09
983
原创 使用leaderline画线条后，线条一直处于页面最顶部
问题：使用leaderline画线条后，线条一直处于页面最顶部，就算是用了el-dialog弹框，线条的层级还是比el-dialog高。解决方法：改变.leader-line这个类的z-index。
2023-04-28 15:59:45
808
5
原创 利用transition-group做动画数据新增时的动画显示效果
transition-group是表示的一组动画，一般常配合v-for动态渲染使用。
2023-04-20 11:49:04
122
原创 LeaderLine随着el-dialog弹框的拖动而跟着一起移动
主要使用mousedown(),mousemove(),mouseup()方法来使用。
2022-11-15 09:16:05
561
2
原创 LeaderLine线条位置不对
在做项目时发现LeaderLine在一般的页面可以正常的显示，但是在el-dialog弹框中使用时会发生线条的位置偏移的情况。解决方案：在弹框弹出后（opened方法）对LeaderLine更新定位。
2022-11-14 14:08:03
1369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人