錯誤：[vuex] 不要在變異處理程序之外改變 vuex 存儲狀態。 NUXT

Question

我正在使用 Nuxt 和 nuxt-vuex-localstorage 當我從 v-for 更改一個項目並且它的元素在商店內時，我收到一個錯誤...

<v-btn
              @click="addCurrentProduct( subItem)"
              v-if="!subItem.carrito"
              color="green"
              dark
              >Agregar</v-btn
            >
            <v-row v-if="subItem.carrito">
              <v-btn @click="subItem.cantidadCarrito--,removeProduct(subItem)" color="green" icon dark>
                <v-icon>mdi-minus-circle-outline</v-icon></v-btn
              >
              <span>{{
                subItem.cantidadCarrito
              }}</span>
              <v-btn @click="subItem.cantidadCarrito++,addProduct(subItem)" color="green" icon dark>
                <v-icon>mdi-plus-circle-outline</v-icon></v-btn
              >
            </v-row>

methods: {
    addCurrentProduct( product) {
      product.cantidadCarrito++;
      product.carrito = true;
      console.log("error")
      let temp=product
      this.$store.commit("localStorage/Sum_Cantidad");
      this.$store.commit("localStorage/ADD_PRODUCT", temp);


    },
addProduct(producto) {
      var temp = this.buscar(producto);   
      producto.carrito = true;   

      this.$store.commit("localStorage/ReNew_PRODUCTO", {
        index: temp,
        producto: producto
      });

      this.$store.commit("localStorage/Sum_Cantidad");
    }

我在 subItem.cantidadCarrito++ 中有錯誤，我認為它們與 Vuex 商店（Nuxt）有關，當我更改它的元素時，元素在 vuex 內部也發生了變化，我得到它錯誤

Answer 1

我解決了這個問題，從localstorage 在vuex store 內部更改它，當我第一次放置一個項目時，這個元素會自動與localstorage 連接，我無法從本地外部進行任何更改。