Question

我在组件内有以下assignA：

mapgetter

此计算出的属性用于创建列表：

props: {
    hideSidebarText: { type: Boolean, default: false }
  },
  computed: mapGetters({
    menuItems: 'menuTypes',
  }),

列表具有属性<div class="sidebar" v-for="item in menuItems" :key="item.name" >，我希望对其进行过滤以仅显示hidden 为假的元素。

如何在计算区域内扩展mapGetter，以便可以在组件中进行如下过滤：

hidden

Answer 1

我以以下解决方案结束，不知道这样做是否正确，但对我来说有意义：

computed: {
    ...mapGetters({
      menuItems: 'menuTypes'
    }),
    filteredMenuItems: function() {
      return this.menuItems.filter(function(i) {
        return i.hidden == false;
      });
    }
  },

VueJS如何过滤mapgetter数组

1 个答案: