Vue嵌入本地html页面

问题描述：向vue项目中嵌入html页面#嵌入代码失败原因：代码结构不同，需要放到指定位置解决：把本地html、css\js\img都放到与src同级的public\static下#嵌入代码<template><div style="width: 100%"><div><iframe src="/static/de

猿文档

11628人浏览 · 2021-05-13 19:56:54

猿文档 · 2021-05-13 19:56:54 发布

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

#嵌入代码

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

解决：把本地html、css\js\img都放到与src同级的public\static下

#嵌入代码


<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>