vue中iframe嵌套页面跳转
时间: 2023-09-25 15:16:32 浏览: 188
vue与iframe之间的信息交互的实现
在Vue中嵌套iframe页面跳转,可以使用iframe的window对象的location属性进行页面跳转。
例如,在Vue组件中嵌套一个iframe:
```
<template>
<div>
<iframe ref="myIframe" src="http://www.example.com"></iframe>
</div>
</template>
```
然后,在Vue组件的方法中使用iframe的window对象的location属性进行页面跳转:
```
<script>
export default {
methods: {
goToPage() {
this.$refs.myIframe.contentWindow.location.href = 'http://www.example.com/newpage';
}
}
}
</script>
```
在这个例子中,当调用goToPage方法时,会将iframe中的页面跳转到http://www.example.com/newpage。
阅读全文