美文网首页
vue里面嵌入iframe居然有bug!!!!

vue里面嵌入iframe居然有bug!!!!

作者: 掉毛蛙 | 来源:发表于2019-08-19 10:45 被阅读0次

    做移动端项目的时候遇到个问题,里面嵌入了一个iframe模块组件,改变query显示另外一个组件,当我用router.go()回退页面的时候给我最直观的感受就是绕不过iframe,啊啊啊啊啊啊简直让我懵了几天,做完其他东西再回来看,搜了一下相关问题,发现居然是个bug!!!!是个bug!!!!bug!!!!!

    解决

    html

    <template>
      <div>
        <iframe ref="iframe" :src="url"  frameborder="0"></iframe>
      </div>
    </template>
    

    js

    props: {
       pactUrl:{}
    },
    data() {
        return {
          url: '',
       }
    },
     watch: {
        pactUrl(val) {
          if (val) {
            this.$refs.iframe.contentWindow.location.replace(val)
          }
        }
      },
    

    相关文章

      网友评论

          本文标题:vue里面嵌入iframe居然有bug!!!!

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