vue中如何渲染一个使用vue写法的html文件?-灵析社区

七厦

我有一个使用vue方式编写的html文件,我想要在一个vue文件中引入并渲染该文件,直接读取该文件并使用v-html赋值后并不能正常生成 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241001/3cc014b4ddc02cae76f58047d1f4f6c7.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241001/d0ecec99ada4fe63af164ee2b47ac358.png) import { onMounted, ref } from 'vue' const innerHTML = ref() onMounted(() => { getVersion() }) function getVersion() { var xhr = new XMLHttpRequest(); xhr.open("get", 'doc.html', true); xhr.onreadystatechange = function (data) { if (xhr.readyState == 4 && xhr.status === 200) { innerHTML.value = xhr.responseText; } } xhr.send() } 请问我该怎么处理?

阅读量:155

点赞量:0

问AI
1. 你得搞清楚 Vue 是怎么工作的。首先,他会解析模版,将模版转换成渲染函数。然后,再用数据渲染出 HTML。 2. 通常来说,这个过程会在 build 中完成,然后你打包后的代码就不包含模版解析的部分。 3. 所以你如果想动态加载模版,并作为你页面的组成部分,当然也是可以的,但必须采用一些工作来保证后续的执行。 4. 此时你有两个选择: 1. 使用动态组件,比如 `import()` 动态加载组件。这需要你在开发时就决定好有哪些组件可能会被加载进来。 2. 在程序中使用完整 Vue,动态的编译和使用组件。 5. 具体怎么做要看你的需求。不过我猜测,大概率你需要先好好学习,再做出决定。