Vuejs2 移动到新路线后，视频将继续播放

我有两个视图A和B，它们加载在路线“routeA”和“routeB”中

在视图A中，我正在加载视频

当我单击视图A中执行

$router.push（{name:'routeB'}）

的按钮时，它加载视图B，但我仍然可以收听视频音频，这意味着DOM没有清除上一个视图中加载的任何内容

我加载路线的方式如下所示：

const routeA = () => import('./components/A.vue');
const routeB = () => import('./components/B.vue');

export default [
{
    path: '/routeA',
    name: 'routeA',
    component: routeA,
},
{
    path: '/routeB',
    name: 'routeB',
    component: routeB,
},
];

我用于加载视频的代码：

let url = window.URL || window.webkitURL;
var vid = document.getElementById("my_video_player");
vm.video.profile_video_src = url.createObjectURL(xhr.response)+'#t=1';
vid.load();

是否与此处解释的内存泄漏有关：

---

在移动到另一个视图后，是否有可能清理DOM？或者至少确保像视频这样的东西不会继续加载/播放？

你如何播放视频？@ljcordero代码添加到OPWell中我建议删除destroy钩子上的元素。