如何将Vue JS模板转换为纯HTML?

时间:2019-10-29 16:12:26

标签: html wordpress vue.js advanced-custom-fields nuxt

我有一个WordPress网站,它也使用Nuxt通过Rest API将基于高级自定义字段字段的模块形式的内容输出到Vue.js前端。

有人要求我将其转换为标准的WP主题,而不再使用Vue使其成为常规的WordPress主题。

我可以访问所有Vue文件,实际上是整个代码库,但是是否有任何“快速”方式将这些模板转换为常规HTML,而无需从头开始重新构建整个内容?

如果我查看页面源代码,它将输出构建页面的脚本,而不是我需要的HTML,因此,如果我复制此脚本,则由于缺少Vue / Nuxt而无法正常工作。

1 个答案:

答案 0 :(得分:0)

正如您说的那样,您可以使用https://developer.apple.com/documentation/coregraphics/cgsize/1455076-height命令。生成不会渲染任何Nuxt Generate,您可能没有使用它们,但是,如果您可以烘烤文本内容的一个示例,然后在运行生成之前转换动态路由/模板。


第二个非常肮脏的建议:

我认为这对我来说是一个糟糕的建议,但也许会有所帮助...

在Chrome中:

如果您恰好选择了“查看页面源代码”,您将在JS [Vue]对其执行操作之前看到HTML。

相反,如果您选择“检查”(打开“开发工具”元素视图),则在Vue完成创建最终HTML的工作后,您将看到HTML。您可以改为复制它。右键单击<html>元素,然后选择复制>复制externalHTML

不幸的是,生成的HTML可能会包含许多data-v-xxxxxxxx属性,并且CSS的大量内容可能会引用这些属性。而且您可能必须逐页浏览。