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

问题描述 投票:0回答:1

我有一个WordPress网站,它也基于模块通过基于Rest Custom API的Advanced Custom Fields字段将其内容输出到Vue.js前端,也使用Nuxt。

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

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

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

html wordpress vue.js advanced-custom-fields nuxt
1个回答
0
投票

正如您说的那样,您可以使用Nuxt Generate命令。生成不会渲染任何dynamic routes,您可能没有使用它们,但是如果您可以烘烤文本内容的一个示例,然后在运行“生成”之前转换动态路由/模板。


第二个非常肮脏的建议:

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

在Chrome中:

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.