vue 使用iframe 嵌入其他页面,怎么调用这个页面的路由进行跳转,给一个示例
时间: 2023-03-15 20:21:33 浏览: 202
vue2.0项目实现路由跳转的方法详解
Vue 通过 postMessage 可以实现在 iframe 框架中跳转页面的路由。举个例子:在父页面中定义一个函数:```
<script>
function changeRoute(route) {
window.postMessage(route, '*');
}
</script>
```然后在 iframe 框架中定义一个消息接收函数:```
<script>
window.addEventListener('message', function (e) {
router.push(e.data);
});
</script>
```最后,可以在父页面中调用 changeRoute 函数来更改 iframe 中的路由:```
changeRoute('/new-route');
```
阅读全文