需求

最近遇到一个需求，一个现成的页面使用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>