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

做移动端项目的时候遇到个问题,里面嵌入了一个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)
      }
    }
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容