美文网首页
手机端使用iframe,重复调用iframe页面,会向路由中添加

手机端使用iframe,重复调用iframe页面,会向路由中添加

作者: 小码农_影 | 来源:发表于2020-10-18 09:14 被阅读0次

手机端使用iframe预览pdf遇到的问题:如果在iframe下再打开一个iframe 会往路由中push记录,导致手机端浏览器返回按钮操作时 会回到上一次的iframe页面,而不是直接关闭iframe页面。解决办法是:

不要直接给iframe,赋值src;

要对iframe的src变化进行监听。动态赋值

watch:{

  pSrc(newValue,oldValue){

    let iframe = this.$refs.iframe;

    if (newValue !== undefined && newValue !== null && iframe !== undefined){

      iframe.contentWindow.location.replace(newValue);

    }

  }

},

相关文章

  • 手机端使用iframe,重复调用iframe页面,会向路由中添加

    手机端使用iframe预览pdf遇到的问题:如果在iframe下再打开一个iframe 会往路由中push记录,导...

  • iframe 窗体相互调用

    1、iframe 窗体相互调用 (1)在使用iframe的页面时,要操作这个iframe里面的DOM元素可以用:c...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • iframe调用

    iframe父与子调用: 页面中存在多级iframe嵌套,且每个iframe无id、name;或者id、name不...

  • Iframe

    iframe 用于在网页内显示网页。 添加iframe的语法 URL 指向隔离页面的位置 Iframe - 设置高...

  • HTML Iframe内联框架

    iframe用于在网页内显示网页。 添加iframe的语法 URL指向隔离页面的位置。 iframe - 设置高...

  • js跨域传值

    iframe嵌套服务器页面,怎么实现跨域 父页面与iframe页面的js函数互相调用?今天在用子页面调用父页面时出...

  • iframe标签与a标签的使用

    iframe定义及用法(使用iframe页面会很卡不建议使用) iframe默认高度为50px,宽度为100px;...

  • iframe页面相互调用方法

    关键词:iframe,跨域,vue最近的项目中嵌入了外部的iframe,想跨域调用自己页面的方法,点击iframe...

  • 此刻无法理解

    iframe有那些缺点? iframe会阻塞主页面的Onload事件; iframe和主页面共享连接池,而浏览器对...

网友评论

      本文标题:手机端使用iframe,重复调用iframe页面,会向路由中添加

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