Question

我正在尝试在VuePress中制作带有多个侧边栏组的侧边栏。但是，对于侧边栏数组的元素之一，该元素是单个文件，而不是组。例如：

module.exports = {
  themeConfig: {
    sidebar: [
      {
        title: 'Group 1',   // required
        path: '/foo/',      // optional, which should be a absolute path.
        collapsable: false, // optional, defaults to true
        sidebarDepth: 1,    // optional, defaults to 1
        children: [
          '/'
        ]
      },
      {
        title: 'Group 2',
        children: [ /* ... */ ]
      },
      "my_md_file",
    ]
  }
}

这有效，但当用户位于其他组的子级上时，不允许用户查看Markdown文件的子标题。即使不在页面上，我也可以使用displayAllHeaders来显示页面的子标题，但是我只希望对单个页面有这种效果。

Answer 1

在第46行的<select name="id[7]" class="SumoUnder" tabindex="-1"> <option value="46" selected="selected">3-farbig und 1 Motiv + 90,00 EUR </option> <option value="47">3-farbig und 2 Motive + 180,00 EUR </option> <option value="48">3-farbig und 3 Motive + 270,00 EUR </option> <option value="49">3-farbig und 4 Motive + 360,00 EUR </option> </select>组件中插入该代码段，而不是插入条件（我仅添加了第一个SidebarLink.vue条件）：

else if

将此语句添加到所需减价文件的if (item.type === 'auto') { return [link, renderChildren(h, item.children, item.basePath, $route, maxDepth)] } else if (item.frontmatter.displayHeaders && item.headers && !hashRE.test(item.path)) { const children = groupHeaders(item.headers) return [link, renderChildren(h, children, item.path, $route)] } else if ((active || displayAllHeaders) && item.headers && !hashRE.test(item.path)) { const children = groupHeaders(item.headers) return [link, renderChildren(h, children, item.path, $route, maxDepth)] } else { return link }部分：

frontmatter

displayAllHeaders，但用于单个Markdown文件

1 个答案: