当前位置: 首页 >前端技术 > Vue嵌入本地html页面

Vue嵌入本地html页面

问题描述:向vue项目中嵌入html页面

失败原因:代码结构不同,需要放到指定位置

解决:把本地html、css\js\img都放到与src同级的public\static下
Vue嵌入本地html页面 _ JavaClub全栈架构师技术笔记

#嵌入代码

<template> <div style="width: 100%"><!--静态html资源--><div>  <iframe src="/static/demo01.html" scrolling="auto" frameborder="0" style="width: 100%;height: 900px;"></iframe></div></div></template><script>  export default {data() {  retu {}},methods: {  },created() {}  }</script>

作者:猿文档
来源链接:https://blog.csdn.net/weixin_43698795/article/details/116762267

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。





本文链接:https://www.javaclub.cn/front/68262.html

标签:vue HTML
分享给朋友:

“Vue嵌入本地html页面” 的相关文章

HTML常用标签及其用法总结 2022年05月17日 20:59:59
标签添加不可用属性 2022年06月07日 23:36:34
HTML笔记及案例(全) 2022年06月08日 03:02:14
html语义化标签 2022年06月10日 22:08:39
HTML input控件 2022年06月11日 22:57:58
HTML meta标签用法详解 2022年06月14日 09:07:14
html-table标签属性总结 2022年06月17日 14:50:22