vue 跳转页面 路由

首先在route内配置需要跳转的页面路由

  {
    path:'/other/BigScreenRealTimeDataShow',
    component: (resolve) => require(['@/views/other/BigScreenRealTimeDataShow'], resolve),
    hidden: true
  },

然后进行跳转两种方式

openBigScreenRealTimeDataShow() {
      // 方式1 不弹出新页面
      this.$router.push({
        path: "/other/BigScreenRealTimeDataShow",
        query: { setid: 123456 },
      });
      // 方式2 弹出新页面
      let routeUrl = this.$router.resolve({
        path: "/other/BigScreenRealTimeDataShow",
        query: { id: 96 },
      });
      window.open(routeUrl.href, "_blank");
    },