代码之家 › 专栏 › 技术社区 › VAAA

vuejs如何过滤mappetter数组

vuex vue.js

VAAA · 技术社区 · 6 年前

我有以下的 mapgetter 组件内部:

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

此计算属性用于创建列表:

<div
          class="sidebar"
          v-for="item in menuItems"
          :key="item.name"
        >

列表具有属性 hidden 我只想过滤显示元素 隐藏的 是假的 .

如何在computed部分中扩展mappetter,以便在组件中进行如下筛选:

 computed: {
     menuItems: function() {
       return this.menuItems.filter(function(u) {
         return u.hidden == false
     })
   }

1 回复 | 直到 6 年前

VAAA 6 年前

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

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

推荐文章

matthew · 如何检索存储状态的新旧值

6 年前

dendog · 如何在Vuex状态创建中使用函数

6 年前

Thuan Nguyen · 使用vuex更新数据

6 年前

MaratSR · 在vuex中创建操作的正确方法

6 年前

dendog · 动态填充Vuex状态

6 年前

Andriy Stolyar · 如何在Vuex存储区已经创建之后手动将其添加到Vuex存储区?

6 年前

Cameron · 数据显示在websocket响应中,但未显示在已解决的promise中

6 年前

cmasri · vue test utils:如何在mounted()生命周期挂钩中测试逻辑(使用vuex)?

6 年前

EmacsVI · Vue good表格在填充后不会显示“emptystate”

6 年前

pirmax · VueJS-VueX和flash消息

6 年前