随笔分类 - Vue
el-input中设置onkeypress事件是否匹配正则表达式显示输入内容的格式
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 设置el-input的onkeypress事件限制输入内容是否匹配正则表达式。 注： 博客： https:
阅读全文
el-table-column中格式化判断数据为空则显示指定内容
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 实现el-table-column中某一列返回数据如果为空则显示指定内容 注： 博客： https://b
阅读全文
el-table中设置max-height属性使其固定表头
摘要：场景 若依前后端分离版本地搭建开发环境并运行项目的教程： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建项目的基础上，el-table显示列表以及选择20条显示时的效果如下 要实现当切换每一页的条数时
阅读全文
Vue中使用html2canvas和jspdf插件实现导出pdf(自定义html样式可带图片)并下载
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建起来框架的基础上，怎样实现前端将html页面的内容导出为pdf。 html2canvas官网 h
阅读全文
Vue中使用can-autoplay插件实现浏览器不支持自动播放音频时提示点击
摘要：场景 Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122584289 在上面可以实现在360极速浏览器中自动播放音频正常，但是在Chrome浏
阅读全文
Vue中使用speak-tts插件实现点击按钮后进行语音播报(TTS/文字转语音)
摘要：场景 speak-tts插件 https://www.npmjs.com/package/speak-tts 实现点击按钮触发语音播报，播报指定的文字内容。 为什么不能实现自动语音播报。 chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。 严格地来说，是Chrome不允
阅读全文
Vue中使用Moment插件实现格式化时间与时间戳转换等
摘要：场景 Vue中使用moment将时间戳数据格式化显示(el-table中)： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/114595890 上面讲过使用moment格式化时间戳，实际上moment还有很多使用场景。 momen
阅读全文
Vue项目借助浏览调整适配显示器的分辨率
摘要：场景 Vue搭建的大屏项目，设定的屏幕分辨率为1920x1080。 现需要将该项目适配分辨率为1024x768的分辨率 CSS中的px称为逻辑像素 ： 也叫设备独立像素（Device Independent Pixel, DIP），可以理解为反映在CSS代码里的像素点数。 屏幕的分辨率是物理像素：
阅读全文
Vue中JS遍历后台JAVA返回的Map数据,构造对象数组数据格式
摘要：场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121555526 上面需要后台返回Map类型的数据格式，key为时间，value为数量。 后
阅读全文
el-date-picker怎样获取选择的时间范围值并判断是否大于7天
摘要：场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121555526 在上面需要用到选择一段时间范围并且该段时间范围不能大于7天。 注： 博客：
阅读全文
Vue中父组件调用子组件的方法
摘要：场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121555526 在上面的博客页面是父组件，时间选择器是父组件的标签，柱状图是引用的子组件。
阅读全文
Echarts中柱状图X轴显示时间显示不开倾斜显示的属性
摘要：场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121555526 在上面的基础上实现X周显示时间，但是显示一周7个时间太长显示不开，所以对X
阅读全文
Vue+Video.js播放m3u8视频流(海康威视摄像头+RTMP服务+FFmpeg)
摘要：场景 Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121202130 在上面的基础上实现Nginx搭建RTMP服务器，然后使用FFmpeg实现摄像头推流。 最后
阅读全文
Vue中实现检测当前是否为IE模式(极速模式还是兼容模式)
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建起来的Vue前端项目中，实现对接海康威视摄像头时，设备需要IE(兼容模式)才能进行预览。 怎样判
阅读全文
Vue中实现页面上点击按钮下载文件(exe)
摘要：场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面搭建起来的Vue前端项目中，实现对接摄像头显示预览页面。但是该摄像头需要安装插件(exe文件)。 所
阅读全文
Vue中使用el-tag标签实现输入多个字符串实现新增和修改回显(字符数组拼接和拆分)
摘要：场景 实现对某任务的起点，途径点，终点进行管理，其中途径点可以是多个。 效果如下 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、el-tag官方文档 https://el
阅读全文
Vue中使用a标签实现点击在新标签页中打开实现照片预览
摘要：场景 显示某抓拍系统的照片，在点击该照片后面的预览时，在新标签页中打开图片的网络URL地址。 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 首先在el-table中添加操作列
阅读全文
Vue中使用el-popover实现悬浮弹窗显示图片预览
摘要：场景 数据库中存储照片的磁盘路径，需要鼠标在el-table的路径字段上悬浮时弹窗进行 图片网络URL的预览，所以需要在悬浮后对图片路径进行磁盘路径和网络URL映射路径 的转换。 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序
阅读全文
el-table中怎样设置标题栏颜色以及每一行颜色交替不同的效果
摘要：场景 在Vue中使用el-table显示数据，怎样设置标题栏的颜色和设置每一行 隔一行显示不同的颜色，实现效果如下 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 找到el-t
阅读全文
ElementUI中el-upload中怎样限制上传文件的格式
摘要：场景 使用el-upload上传文件时限制只能上传指定格式的文件。 比如这里只允许上传apk格式的文件。 注： 博客： https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 通过添加accept=
阅读全文
浙公网安备 33010602011771号