如何清理 Nuxt js 额外的 div 容器?

Posted

技术标签:

【中文标题】如何清理 Nuxt js 额外的 div 容器?【英文标题】:How to cleanup Nuxt js extra div containers? 【发布时间】:2021-04-09 13:37:47 【问题描述】:

这是我的示例页面:

这是 Nuxt 布局:

<template>
  <div>
    <Nuxt />
  </div>
</template>

这就是 Nuxt 编译器生成的:

如您所见,有几个无用的额外容器。有什么办法可以在 Nuxt 中摆脱它们?

【问题讨论】:

【参考方案1】:

这已在 nuxt 的 github 问题 #3811 和 #1792 中提到

&lt;div id="__nuxt"&gt; 是挂载 Vue 实例的根节点,不能删除。 &lt;div id="__layout"&gt; 也是如此,它不可移动。

您仍然可以使用变量globalName 配置选项修改应用程序名称(请参阅拉#4012)。

【讨论】:

以上是关于如何清理 Nuxt js 额外的 div 容器?的主要内容,如果未能解决你的问题,请参考以下文章