如何使用EasyCVS右侧菜单栏的activeindex选定以及重定向

本篇内容介绍了"如何使用EasyCVS右侧菜单栏的activeindex选定以及重定向"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

在实际使用中，EasyCVS右侧菜单栏在顶部菜单栏切换时，菜单栏的activeindex就会改变，此时，若是打开右侧菜单栏，相应的也是需要切换到相应菜单栏item，同时在页面刷新时也需要重定向到相应的activeIndex。

首先右侧菜单栏是使用elementUi的el-menu组件，该组件自带default-active 属性，当顶部导航栏切换时将他的activeIndex值给右侧的导航栏default-active 值即可。

而重定向是检测路由地址，来获取事先确定好的每个导航栏的item对应的路由地址，然后将每个路由的activeInde值给导航栏的default-active赋值即可。

参考代码如下：

                              实时预览                                视频直播                                用户管理                                空间管理                                对象存储                      //导航栏重定向    RouteRedirection() {      var path = this.$route.path;      let paths = [        { path: "/scrren", type: 0 },        { path: "/live/list", type: 1 },        { path: "/user", type: 2 },        { path: "/space", type: 3 },        { path: "/bucket", type: 4 },        { path: "/oss/list", type: 5 },      ];      for (const i in paths) {        if (path.indexOf(paths[i].path) != -1) {          this.activeIndex = paths[i].type;          this.activeIndexRight = JSON.stringify(this.activeIndex);          console.log(this.activeIndex, "路由");          return;        }      }    },

EasyCVS目前虽不对外开放，但有兴趣的用户可以先了解EasyCVR。EasyCVR目前已经支持RTSP、GB28181、Ehome、海康SDK、大华SDK等协议设备的接入，其他主流厂家的私有协议在不断扩展中。因此从长远来看，EasyCVR具备很高的使用价值和适配性。

"如何使用EasyCVS右侧菜单栏的activeindex选定以及重定向"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！