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

2019-08-19  本文已影响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)
      }
    }
  },
上一篇 下一篇

猜你喜欢

热点阅读