问题描述：向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>

更多推荐

Vue嵌入本地html页面