Question

我正在构建一个需要根据最终用户的角色和权限来限制其v-list项目的应用程序。至少有4个角色。

目前，我在列表的构建代码中包含一个数组。

useCallback

然后创建菜单项：

useEffect

我的问题是建立条件列表的标准方法是什么？我是否应该根据用户权限从构建它的数据库中提取不同的数组？是否应在每个以角色或权限为条件的元素中添加一个项目？页面也应该有自己的权限吗？我看过一些YouTube视频，但它们大多只是用户和管理员。

很抱歉，但是与Vue的合作为我开辟了各种建造物品的方式。如果有博客或文章解释了各种选择，那也将是不错的选择。

我知道，除了寻找一种标准外，别无其他选择。

Answer 1

最好的方法是创建一个computed property，在那里进行数据整形，过滤，排序和分组，然后从模板中引用computed property。

<li v-for='item in filteredItems'>{{item}}</li>

data: ()=>({ myDataItems: ['a', 'b', 'c', 'foo'] }),
computed: {
  filteredItems() {
    return.myDataItems.filter(it=>!it.startsWith('foo')).sort();
  }
}

使用Vue.js的条件v-List项目的最佳实践

1 个答案: