Vue.js Vuetify+；Nuxt：递归目录问题？

我正在尝试使用Vuetify和Nuxt创建一个目录（TOC）组件。在本地，我正在使用一个新的nuxt应用程序（选择vuetify）

这是我的答案。您需要全屏查看TOC，因为它是绑定在屏幕右侧的导航抽屉

在本地，它呈现为：

在其上显示为：

我已经仔细检查了版本和

numxt.config.js

文件。它们是一样的

那么期望的结果是什么呢？ 我喜欢本地版本的自动缩进。不幸的是，没有子元素的元素（例如

h2-1

）不会缩进，即使它与

h2-2

处于同一级别

---

非常感谢您的帮助。

您可以通过在css中添加缩进来为每个子组添加缩进：

.v-list-item-group>div{
左边距：20px；
}

codesandbox的结果是空的。@ManUtopiK如OP中所述，它是右导航栏，所以您需要有足够宽的屏幕才能看到它。你必须打开完整的显示（即）我得到了34“屏幕，但未全屏打开。我现在明白了！但是如果它在本地工作，为什么要在代码沙箱中使用相同的代码？我不明白你问题的目的……是的，我同意我们之间存在误解。在文章中的图像中，尽管代码相同，但仍有两个不同的输出。本地版本上的缩进很好，但并不完全正确。注意h2-1应在ManUtopiK缩进

npx create-nuxt-app my-app