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

Question

Function 不返回特定项目，而是返回给定项目存在的整个组。

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

用户有权限：

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

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

Answer 1

codepen 中的工作解决方案： https://codepen.io/simon.network/pen/YzvgVBa?editors=0111

基本上我可以在 Vue 中使用堆叠在一起的计算属性，所以我创建了两个计算属性：用于菜单搜索的filterSubItemsByPermissions(subItems) 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>