...mapState() 中定义的计算属性没有设置器

Question

在我的Nuxt 应用程序中，我正在使用从mapState 帮助程序中的存储检索的数据初始化计算属性，但是我还需要在某些用户操作时修改这些计算属性的值。

好吧，我不能这样做，因为我在使用该代码时收到“没有设置器”错误：

computed: {
    ...mapState({
      monRaw: state => state.currentWeek

我尝试定义 setter 无济于事，代码也没有太大意义：

computed: {
      ...mapState({
            get: function (state) {
              return state.currentWeek
            },
            set: function (state, data) {
              state.currentWeek = data
            }

当使用 mapState() 定义时，是否根本不可能更改计算属性的值？

Answer 1

mapState 是一个方便的函数，它提供了 vuex 存储中相同键下的计算属性的映射。它提供对这些属性的只读访问。由于您想使用更新，您将不得不放弃 mapstate 并定义您自己的计算 getter/setter，如下所示：

computed: {
  currentWeek: {
    get() {
      return this.$store.state.currentWeek;
    },
    set(v) {
      this.$store.commit('updateCurrentWeek', v);
    } 
  }
...
}

显然updateCurrentWeek 必须在您的 vuex 存储的突变部分中定义。