美文网首页
vue-cli3 中使用 iframe 路径不起作用

vue-cli3 中使用 iframe 路径不起作用

作者: 装装_1ad7 | 来源:发表于2019-11-19 09:51 被阅读0次

iframe 会存在能耗、安全问题，有时还是会用到

问题

在cli3中使用 iframe ，总显示#app页面内容，src中设置的路径不起作用

解决方法

将要引用的页面移动到 public 文件夹中 且路径不是用 ../../public/web.html, 而是直接用 /web.html ，问题就解决了

<iframe ref="iframe" :src="'web.html"   width="100%" height="1000" frameborder="0" scrolling="no">
      <p>你的浏览器不支持iframe页面嵌套，请点击这里访问页面内容。</p>
</iframe>

 

 

 

 

 

若有岁月可轻狂，愿可以笑看夕阳

相关文章

  • vue-cli3 中使用 iframe 路径不起作用

    iframe 会存在能耗、安全问题，有时还是会用到 问题 在cli3中使用 iframe ，总显示#app页面内容...

  • 在vue中使用iframe标签

    在vue中使用iframe标签时，打包后的src文件无法查看会报路径不对404等可以把iframe中的src路径改...

  • 在vue中使用Iframe嵌套问题

    vue中嵌套iframe,将要嵌套的文件放在static下面: src可以使用相对路径，也可使用服务器根路径htt...

  • vue-cli3 build 文件路径报错

    vue-cli3 build 文件路径报错 用vue-cli3 npm run build打包后，dist文件中...

  • vue-cli3开发模式下，引入图片

    使用vue-cli3初始化的项目，我们经常有需要在html、js、css中引入图片 图片存放路径 html 引入图...

  • Js/Jquery获取iframe中的元素 在Iframe中获取

    在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中...

  • Js/Jquery获取iframe中的元素

    在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中...

  • HTML重点标签

    一：iframe 将另一个HTML页面嵌入当前HTML页面中 iframe里的src可以写相对路径 二：a标签 "...

  • 2018-03-05 HTML元素

    1.