根据权限返回多级菜单抽屉导航项

【问题标题】：Return multi-level menu drawer navigation items based on permissions根据权限返回多级菜单抽屉导航项
【发布时间】：2022-12-11 14:10:40
【问题描述】：

函数不返回特定项目，而是返回给定项目所在的整个组。

在给定的代码笔示例中：https://codepen.io/simonsnetwork/pen/YzvgVBa?editors=1011

用户有权限：

userPermissionGroup: [
        "dictionary_company_high_department",
        "dictionary_company_department",
        "user_user"
      ]

菜单返回菜单中的整个组，其中存在具有这些权限的项目，而不是两个组中的三个项目

【问题讨论】：

标签： javascript vue.js vuetify.js

【解决方案1】：

代码笔中的工作解决方案：https://codepen.io/simonsnetwork/pen/YzvgVBa?editors=0111

基本上我可以在 Vue 中使用堆叠在一起的计算属性，所以我创建了两个计算属性：filterSubItems(subItems) 用于菜单搜索，filterSubItemsByPermissions(subItems) 用于菜单权限。

<v-list-item
    v-for="child in filterSubItems(filterSubItemsByPermissions(item.items))"
    :key="child.title"
    :to="child.link"
    dense
    link
    >
    <v-list-item-content>
      <v-list-item-title>{{ child.title }}</v-list-item-title>
    </v-list-item-content>
</v-list-item>

【讨论】：