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