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