VueRouter在导航后保持组件活动

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() {}功能并在那里停止网络摄像头。它会在离开路线之前将其关闭。