美文网首页react & vue & angular
vue组件使用iframe加载本地html页面

vue组件使用iframe加载本地html页面

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-05-10 17:51 被阅读0次

需求

最近遇到一个需求,一个现成的页面使用jquery实现的,现在要嵌入到vue里,笔者表示要偷个懒,不想再画时间改成vue形式的,就采用iframe将改html直接渲染到界面上

vue2x中

1.准备好自己的html页面,放在static文件夹下面,注意要使用相对路径引入

vue3x中

cli_3存在public文件夹,其中index.html也在这个文件夹下面,在public文件夹下新建一个文件夹用于存放内联页面



然后直接在页面中使用iframe,src路径直接static开头,打包好的项目就是已public为根目录的,所以直接这样引用即可.不能用@绝对路径

 <iframe src="static/screenNewTest/index.html" frameborder="0" class="iframe"></iframe>

相关文章

网友评论

    本文标题:vue组件使用iframe加载本地html页面

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