设为首页收藏本站

小程序开发|小程序制作|小程序开发网

搜索
小程序开发|小程序制作|小程序开发网 › 小程序开发 ›小程序开发经验 › 查看内容

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

2022-6-25 16:52| 发布者: huxiaoqi| 查看: 182| 评论: 0

摘要: 需求最近遇到一个需求，一个现成的页面使用jquery实现的，现在要嵌入到vue里，笔者表示要偷个懒，不想再画时间改成vue形式的,就采用iframe将改html直接渲染到界面上vue2x中1.准备好自己的html页面，放在static文件夹

需求

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

vue2x中

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

vue3x中


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


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

 


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

鲜花
握手
雷人
路过
鸡蛋
收藏 分享 邀请
上一篇：uniapp 获取当前页面路径下一篇：网页自动刷新的3种代码

最新评论

相关分类

返回顶部