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

u1ehiz5o 于 2022-12-14 发布在 Vue.js

关注(0)|答案(1)|浏览(112)

函数不返回特定项，而是返回给定项所在的整个组。
在给定的codepen示例中：https://codepen.io/simonsnetwork/pen/YzvgVBa?editors=1011
用户具有权限：

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

和menu返回菜单中具有这些权限的项所在的整个组，而不是仅返回两个组中的三个项

vue.js

来源：https://stackoverflow.com/questions/74731002/return-multi-level-menu-drawer-navigation-items-based-on-permissions

1条答案

按热度按时间

9jyewag01#

codepen中的工作溶液：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>

赞(0）回复(0）举报 2022-12-14

我来回答

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

1条答案

相关问题

热门标签

最新问答