随笔分类 - Vue
Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，实现弹窗窗体可移动以及随意缩放大小。 效果如下 注： 博客： https://blog.c
阅读全文
Vue中使用vue-video-player插件播放视频时src动态配置-指定范围整数随机获取拼接url
摘要：场景 Vue中使用vue-video-player插件播放本地mp4视频文件： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/128216192 上面在播放本地mp4文件时，路径写死，如果实现动态url设置。 注： 博客： htt
阅读全文
Vue中使用vue-video-player插件播放本地mp4视频文件
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建项目的基础上，先实现了播放rtmp视频流 Vue中使用vue-video-player和vide
阅读全文
Vue/JS中定时器模拟随机指定范围、位数的小数并更新innerHTML以及页面被销毁时监听事件中销毁定时器
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 Vue页面上某个弹窗内容是innerHTML动态拼接。 系统演示时需构造模拟数据，模拟出数据随机改变的效果
阅读全文
Vue中多条件图片路径通过Map存储获取避免嵌套if-else
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 前端接收到后台数据之后需进行多个条件判断进而显示对应的图片路径。 比如先判断车辆的类型、再判断车辆方向、再
阅读全文
Vue中使用el-upload+XLSX实现解析excel文件为json数据
摘要：场景 业务要求为实现每天上报各部门计划人数，需要通过excel导入数据。 前端可以解析excel数据并进行初步的格式校验。 导入成功之后解析的数据 excel里的数据为 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编
阅读全文
Vue中使用introjs插件实现页面引导效果及设置Options(设置中文显示)示例
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，实现页面引导/新手指引的效果如下 intro.js https://introjs.com
阅读全文
Vue中使用benz-amr-recorder插件实现播放amr音频文件以及在线url跨域问题解决
摘要：场景 需要做一个Android端和Web端的聊天室，Android端的录音音频文件为.amr格式，除了 通过后台server端转码之后，是否可以通过插件在前端直接播放amr的音频文件。 benz-amr-recorder https://benzleung.github.io/benz-amr-re
阅读全文
Vue中使用js-audio-recorder实现录音时提示:浏览器不支持getUserMedia!
摘要：场景 Vue中使用js-audio-recorder插件实现录音功能并实现上传Blob数据到SpringBoot后台接口： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/126957202 上面在进行web端录音时在本地使用127
阅读全文
Vue中使用js-audio-recorder插件实现录音功能并实现上传Blob数据到SpringBoot后台接口
摘要：场景 浏览器web端实现语音消息录制并在录制结束之后将其上传到后台接口。 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，搭建前后端的架构。 j
阅读全文
Vue中预览HIKVSION海康威视摄像头时ip不通浏览器卡死问题解决
摘要：场景 SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121180769 在上面的基础上进行摄像头预览时，如果电脑与摄像头Ip网络不通或者用户名、
阅读全文
Vue中使用mavonEditor插件实现markdown在线编辑
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，怎样实现markdown在线编辑功能。 注： 博客： https://blog.csdn.
阅读全文
Vue中使用vue-codemirror插件实现代码在线编辑
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上，怎样实现代码在线编辑功能。 注： 博客： https://blog.csdn.net/ba
阅读全文
Vue中预览HIKVSION海康威视的NVR(网络硬盘录像机)中多个通道(摄像机)的视频
摘要：场景 SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121180769 上面实现的在Vue中直接通过单个摄像头的Ip、端口、用户名、密码来预览
阅读全文
Vue中动态拼接innerHTML时添加点击事件，并在点击事件中调用vue方法
摘要：场景 在VUE页面中动态生成某个弹窗的innerHTML的内容。 内容中添加一个button，并设置Button的点击事件， 在点击事件中能调用vue的方法。 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿获取编程相关电子书
阅读全文
el-dialog中点击之外的区域不关闭弹窗
摘要：场景 在页面上显示一个dialog，如果显示的时候点击了弹窗之外的区域则会将dialog关闭。 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、设置dialogde ele
阅读全文
Vue中使用uuidv1根据时间戳和MAC地址生成唯一标识
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建起来Vue项目的基础上，怎样在vue中使用uuid生成唯一标识。 uuid1()根据当前的时间戳
阅读全文
el-table中设置fixed固定列之后错位的奇葩原因
摘要：场景 ElementUI中el-table设置指定列固定不动,不受滚动条影响： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108141038 给el-table设置fixed属性之后就可以使该列固定不动。 但是出现了错位的情况
阅读全文
Vue中使用vue-video-player和videojs-flash插件实现播放rtmp视频文件流
摘要：场景 Vue+Video.js播放m3u8视频流(海康威视摄像头+RTMP服务+FFmpeg)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121207504 上面实现的使用Video.js播放m3u8格式的视频流文件。 如果
阅读全文
Vue中绑定值与字符串拼接以及结合三目表达式实现是否为空判定的使用
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 Vue中在调用后台接口的回调方法中将返回值绑定到字符串中。 并且在字符串中可以结合三目表达式判定，如果返回
阅读全文
浙公网安备 33010602011771号