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

Vue嵌入本地html页面

2022年11月06日 23:27:08前端技术23

问题描述:向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() {
     
      return {
     
      
      }
    },
    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

标签: vueHTML
分享给朋友:

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

HTML5结构标签

GUIDM在这里祝大家节日快乐! 博主有话说:如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。 个人主页:GUIDM的主页 内容专栏:HTML5干货系列 此块内容为纯纯的干货,略显乏味枯燥,是笔记向的blog。如果觉得还不错,希...

模板引擎 Thymeleaf  动态渲染 HTML

模板引擎 Thymeleaf 动态渲染 HTML

1、添加依赖 <!-- Thymeleaf 模板引擎 --> <dependency> <groupId>org.thymeleaf</gro...

HTML5相关标签及标签属性

1、新增语义化标签 <header></header> 头部 <nav></nav> 导航 <section></section> 章节、段落 <arti...

HTML隐藏属性的使用

1、disabled。HTML input 标签有一个 disabled 属性,该属性规定是否禁用 input 元素,被禁用的 input 元素既不可用,也不可点击,值为“disabled”。如果要启用该 input 元素,可通过 JavaScript 来删除 disabled...

HTML-框架标签frame

HTML-框架标签frame

框架标签    <frameset>框架设置标签       属性:          &...

HTML超链接a标签的herf、target属性用法

HTML超链接a标签的herf、target属性用法

HTML中a标签的herf、target属性的用法 在页面中超链接可以是一个字,一个词,或者一段话,也可以是一幅图像,可以点击这些内容来跳转到新的页面或者当前页面中的某个部分,在HTML中通常使用a标签创建链接。 a标签的使用非常简单,a标签中加入...

HTML rel属性的作用

rel与rev属性相同,它们都是属于LinkTypes属性. rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系, rel是relationship的英文缩写. rev 属性 -- rev属性,描述了href所指定文档与当前页面的关系, rel是revers...

html常用的基本标签

html常用的基本标签

html的基本标签 一、head部分的标签 1、<!DOCTYPE html>文档类型声明,让浏览器按照html标准对代码进行解释与执行;文档类型声明必不可少,而且,必须在文档最上方;如果不写文档类型声明,浏览器将会默认的兼容模式运行,可能会...

前端~html~HTM零基础(一) ~HTML常见标签/如何开发一个html文件/在网页查看源码

前端~html~HTM零基础(一) ~HTML常见标签/如何开发一个html文件/在网页查看源码

文章目录 引入-什么是HTML HTML基础 html标签 html元素 html开发工具 html文件基本结构/网页结构...

input标签里面type常用属性(注册登录表单常用元素)

input标签里面type常用属性(注册登录表单常用元素)

之前写一些小项目的时候,在表单这一块因为知道的type属性就text、password、button、submit等一些值,而且form表单也应用的不是很灵活,所以通过简单的学习,认识到以前写的form表单有多搞笑(连type=data都不知道)。...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。