Vuejs2 如何在描述中向这样的结构添加子菜单-Vue，Quasar

我正在尝试从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
          />

export const getTabsMdl=（）=>{
设r=null
r=[
{名称：'Saldo'，图标：'receive'，收件人：'/Saldo'}，
{名称：'Vendas'，图标：'receipt'，收件人：'/Vendas'}，
{name:'Account'，icon:'assignment'，to:'/conta'}，
{name:'Clients'，icon:'supervisor_account'，to:'/clientes'}，
{name:'More'，[{name:'Sub-Item'，icon:'autorenew'，to:'/Sub-01'}]}
返回r
}

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

请检查一下这个