分页功能是网站或者页面前端开发中一个重要的模块,在我们开发EasyCVR的分页功能时,发现分页的状态没有保存的情况下,当分页改变时把改变的数据存储到Vuex中,当页面加载完从Vuex中取值后调用则会出现报错。
页面数据存储代码如下:
在组建中调用方式如下:
理论上,以上代码逻辑没有错,但是实施过程中控制面板报错:unknown mutation type: SET_Page。
经过分析前端代码我们得知,项目里vuex是分模块写的,方法是在模块中的,如果直接在组件中通过this.$store.commit(“方法名”)是获取不到的,必须要加上模块名称(js文件名),因此我们修改代码如下:
修改完成后我们预览效果显示如下,且控制台也不会出现报错:
EasyCVR是TSINGSEE青犀视频开发的平台中支持协议最多的一款协议融合平台,EasyCVR能够兼容海康、大华的私有SDK,同时也具备GB28181、Ehome协议的级联、语音对讲等特点,如果大家想了解更多关于EasyCVR的开发或者使用相关问题,可以关注我们,同时也欢迎大家测试。