美文网首页
vue嵌套iframe问题总结

vue嵌套iframe问题总结

作者: 有你有团 | 来源:发表于2021-02-02 09:44 被阅读0次

router.go()

主要是更改iframe中src值后导致的路由跳转混乱,多次更改iframe的src属性后,调用router.go(-1),不能实现路由后退上一级,二十将iframe当作一个窗口文档,调用了该窗口文档的window.history.go(-1),并未更改父级项目的路由后退功能,

解决办理

不通过改变iframe -> src属性值区访问具体内容,采用window.location.replace(url)更改iframe将访问的内容,具体代码如下

<iframe ref="iframe" scrolling="auto" frameborder="0" width="100%" height="100%"></iframe>
<script>
  export default {
    methods:{
      setIframeSrc(){
        this.$refs.iframe.contentWindow.location.replace(url)
      }
    }
  }  
</script>

相关文章

网友评论

      本文标题:vue嵌套iframe问题总结

      本文链接:https://www.haomeiwen.com/subject/mcwetltx.html