Question

我正在尝试从javascriot文件添加子菜单。

默认菜单可以正常工作，但是我不知道是否可以使用相同的结构来分配子菜单。

export const getTabsMdl = () => {
  let r = null
  r = [
      { name: 'Saldo', icon: 'receipt', to: '/saldo' },
      { name: 'Vendas', icon: 'receipt', to: '/vendas' },
      { name: 'Account', icon: 'assignment', to: '/conta' },
      { name: 'Clients', icon: 'supervisor_account', to: '/clientes' },
      { name: 'More', [{ name: 'Sub-Item', icon: 'autorenew', to: '/sub-01' }] }
  return r
}

<q-route-tab
                  v-for="(bTab, bTIndex) in getTabsMdl()"
                  :to="bTab.to"
                  :label="bTab.name"
                  :name="bTab.name"
                  :icon="bTab.icon"
                  :key="bTIndex"
                  no-caps
          />

Answer 1

在Quasar中，您可以定义菜单的层次结构。

请选中此一项。

https://github.com/quasarframework/quasar/blob/dev/docs/src/examples/QMenu/MenuInMenu.vue

如何在说明中向这样的结构添加子菜单-Vue，Quasar

1 个答案: