美文网首页
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