Question

我定义了以下路由器：

const router = new VueRouter({
    routes: [
        {
            path: "/",
            name: "home",
            component: Home
        },
        {
            path: "/hello",
            name: "hello",
            component: Hello
        },
        {
            path: "/foobar/:slug",
            name: "foobar",
            component: require("./views/Foobar.vue").default
        }
    ]
});

这正在工作，并且所有内容都可以在<router-view></router-view>中正确导航。

当我导航到“ foobar”路由器时；我做了一些启动网络摄像头的工作。但是，当我导航到其他路线时，网络摄像头仍然保持活动状态。

这是我的导航方式：

<router-link replace :to="{ name: 'home' }">home</router-link>

和

this.$router.replace({name: "workshop"});

我该如何强制进行艰难的导航？我希望以前的组件被销毁。

Answer 1

您需要先关闭网络摄像头

可能的解决方案：在您使用网络摄像头的Vue路线组件内，创建一个destroy() {}函数，然后在此处停止网络摄像头。退出路线前，它将关闭它。

VueRouter在导航后使组件保持活动状态

1 个答案: