在VUE项目中显示HTML文件

dpiehjr4 于 2023-08-07 发布在 Vue.js

关注(0)|答案(2)|浏览(307)

我正在学习WHAT，我有几个HTML代码的例子。它们都在.html文件中。我需要帮助如何在VUE文件中显示此html文件。
第一个月

<div id="app">
  <p>Usando Vue!</p>
</div>

字符串
App.vue个

<template>
  <div id="app">

  </div>
</template>

<script>

export default {
  name: "App",
  components: {
    /* HelloWorld */
  }
};
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
}
</style>

型

vue.js

来源：https://stackoverflow.com/questions/62843880/display-an-html-file-in-a-vue-project

2条答案

按热度按时间

vfh0ocws1#

我不认为id='app'可用于组件，因为vue已经使用该id作为public下索引文件中代码的 Package 器
如果你想导入html作为组件，像下面的例子：
<template>个

<html-import></html-import>

字符串
下<script>

import htmlImport from '/src/assets/htmlimport.html'
data(){return{}
},
components:{htmlImport},

型

赞(0）回复(0）举报 2023-08-07

qrjkbowd2#

创建htmlContent.js文件

const htmlContent = `
<!DOCTYPE html>
<html><title>Ashok Parmar </title>
</html>`;
export default htmlContent

字符串

*酒店Vuejs3

import htmlFileContent from './htmlContent.js';
 const htmlFileText = ref('');
 htmlFileText.value = htmlFileContent;
 console.log(htmlFileText._rawValue);

型

赞(0）回复(0）举报 2023-08-07

我来回答

在VUE项目中显示HTML文件

2条答案

创建htmlContent.js文件

相关问题

热门标签

最新问答