IP摄像机网页无插件直播视频平台EasyNVR页码显示错乱BUG解决方案
TSINGSEE青犀视频研发团队经过多年的发展,其不同协议的视频平台已经运用到了很多场景当中,比如跟我们城市建设发展息息相关的智慧交通、智慧城市等,提高校园及幼儿园安全的智慧校园,除此之外,也能进行搭建微信公众号监控直播平台。
对EasyNVR视频平台,我们的技术研发每天都在测试,最近发现在设备列表中,编辑第2页的某个通道后保存或取消,页码会更改为第1页,但实际为第2页。这算是很少出现的一个bug,不过目前我们已经将其解决,下面就分享下解决过程。
复现步骤可以知道点击到第二页时,编辑某个通道后保存或取消都会导致页码变回第一页,但是页面上的数据还是第二页的,我们推测是页码没有值了,页面值就变成默认值了。于是查找代码,在页面初始化的时候,将currentPage设置一个值。这个值从哪里获取呢?
通过路由我们发现页码可以通过路由上的值来判断。于是在页面初始化的时候就可以将这个值赋值给currentPage。
mounted() { this.$store.dispatch("getBreadcrumb", this.breadcrumb); this.$refs["search"].focus(); this.query = this.q; this.currentPage = this.$route.params.page this.getUsers(); $(document).on("expanded.pushMenu collapsed.pushMenu", () => { $(".channel-info .panel-body").getNiceScroll().resize(); }); },
修改代码之后,页面就已经被修正了,且不会再出现此类问题。
✈ 更多视频解决方案资源汇总
- 流媒体技术:
© EasyDarwin开源流媒体服务器
© TSINGSEE视频开放平台 - 视频云服务
© EasyDSS互联网视频云服务
© EasyCVR安防视频云服务
© EasyGBS国标视频云服务
© EasyRTC在线视频会议平台 - 边缘计算:
© EasyNVR视频边缘计算网关
© EasyNTS上云网关
© TSINGSEE Team