Vuetify + Nuxt:递归目录问题？

Question

我正在尝试创建一个目录(TOC)组件，使用Vuetify和Nuxt。在本地，我使用了一个新的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;
}