Vuex getter 未更新

我有以下吸气剂：

    withEarmarks: state => {
        var count = 0;
        for (let l of state.laptops) {
            if (l.earmarks.length > 0) {
                count++;
            }
        }
      return count;
    }

在组件中，这个计算属性源自该 getter：

        withEarmarks() { return this.$store.getters.withEarmarks; },

返回的值是正确的，直到我更改笔记本电脑数组中的元素，然后 getter 不会更新。

在你的情况下state.laptops.earmarks是一个数组，并且您通过其数组索引来操作它state.laptops[index]。 Vue 无法对状态数组上的突变（按索引）做出反应。该文档为此提供了 2 种解决方法：

// 1. use purpose built vue method:
Vue.set(state.laptops, index, laptop)
  
// 2. splice the value in at an index:
state.laptops.splice(index, 1, laptop)

尽管有记录，但我认为该页面上有一个巨大的霓虹灯发光标志，上面写着“如果您不知道这一点，您将浪费数小时的生产力”将是一个很好的补充.

您可以在这里阅读有关此“警告”的更多信息：https://v2.vuejs.org/v2/guide/list.html#Caveats https://v2.vuejs.org/v2/guide/list.html#Caveats