Vuejs iframe 干扰路由器

Posted 2023-02-22

【中文标题】Vuejs iframe 干扰路由器

【英文标题】：Vuejs iframe interfering with router

【发布时间】：2021-05-05 07:19:03

【问题描述】：

我的组件中嵌入了一个 iframe。当我使用

this.$router.go(-1);

要返回上一页，它会使 iframe 返回上一页而不是当前窗口。

它不会返回，直到它完成返回我在 iframe 中访问的所有页面。

如何让vue在不包含iframe导航的情况下返回上一个路由/页面？

【参考方案1】：

你可以试试这样的：

//
# main component:
//
const router = new VueRouter(
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        // ...
    ]
);
Window.vueRouter = router;


//
# iframe component:
//
window.parent.vueRouter.go(-1);