首页 > 解决方案 > Vuex商店更改时如何刷新视图?

问题描述

我像这样从商店获取数据

  computed: {
    notes() {
      var data = this.$store.getters.getNotes;
      var key = this.$store.getters.getTitleFilter;
      if (key === "all") return data;
      return data.filter((note) => {
        var filteredNote = note.category.some(({ name }) => name === key);
        if (filteredNote) return filteredNote;
      });
    },
  },

当注释数组发生变化时(删除一个项目,getNotes应该反映这一点。在其他情况下(在data没有过滤的情况下返回),这曾经起到了作用:

  watch: {
    notes(newval) {
      return newval;
    },
  },

我有办法让过滤后的数组更新吗?

标签: vue.jsvuex

解决方案


推荐阅读