Vuetify + Nuxt：递归目录问题？

Question

我正在尝试使用Vuetify和Nuxt创建一个目录（TOC）组件。我在本地使用

的新nuxt应用（已选择vuetify）

npx create-nuxt-app my-app

，这里是Code Sandbox。您需要进入全屏模式才能查看目录，因为目录是绑定在屏幕右侧的navigation-drawer。

在本地，它呈现为：

在Code Sandbox上，其表示为：

我仔细检查了版本和nuxt.config.js文件。他们是一样的。

那么期望的结果是什么？ 我喜欢本地版本的自动缩进。不幸的是，没有子元素的元素（例如h2-1）即使与h2-2处于同一级别，也不会缩进。

我将不胜感激。

Answer 1

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

.v-list-item-group > div {
    margin-left: 20px;
}