我正在尝试创建一个add to cart函数，该函数首先检查要添加的项目是否已经在购物车中。如果在购物车中，则更新其quantity属性。如果不在购物车中，则将整个对象添加到购物车中。我认为我的问题是我的"ADD_ITEM_TO_CART"赋值函数内部的逻辑错误。
这是我的商店，其中包含我单击"addToCart（）"时的一些console. logs（）

state: {
    checkoutCart: [],
  },

actions: {
  cartAdd({ commit }, payload) {
      commit("ADD_ITEM_TO_CART", payload);
   },
 },

mutations: {
    ADD_ITEM_TO_CART(state, payload) {
          //CONSOLE.LOG()'s
          console.log("state.checkoutCart[0]", state.checkoutCart[0]);
          // eslint-disable-next-line
          console.log("state.checkoutCart[0].item", state.checkoutCart.item);
          console.log("state.checkoutCart", state.checkoutCart);

          //IF ITEM ALREADY IN checkoutCart, UPDATE IT'S QUANTITY
          if (state.checkoutCart.includes(payload.item)) {
            state.checkoutCart.quantity += payload.quantity;
            console.log("Item already in cart");
          } 
          //IF ITEM NOT IN checkoutCart, UPDATE THE QUANTITY PROPERTY AND ADD ITEM TO CART
          else {
            payload.item.quantity = payload.quantity;
            state.checkoutCart.push(payload);
          }

https://i.imgur.com/rjOOljN.png
我以为这段代码可以工作，但它总是执行ELSE条件并像
if（声明. checkoutCart.包括（有效负载.项目））
根本就没有被识别或工作。
https://i.imgur.com/LLB790Z.png
VueX devtools显示了同样的东西，一个"item"对象在一个数组中的一个对象中。
我也试过：

ADD_ITEM_TO_CART(state, payload) {
  console.log("add_item_to_cart"); <---ONLY PART THAT SHOWS UP IN CONSOLE.LOG() WHEN EXECUTED

  //LOOP THROUGH ALL ARRAY ENTRIES TO GAIN ACCESS TO state.checkoutCart.item 
  for (let i = 0; i < state.checkoutCart.length; i++) {
    console.log("i=", i);
    console.log("state.checkoutCart.item", state.checkoutCart.item);

    //IF ITEM ALREADY IN checkoutCart, UPDATE IT'S QUANTITY
    if (state.checkoutCart[i].item.includes(payload.item)) {
      state.checkoutCart.quantity += payload.quantity;
      console.log("Item already in cart");
      return;
    }; 
  }
  //IF ITEM NOT IN checkoutCart, UPDATE THE QUANTITY PROPERTY AND ADD ITEM TO CART 
  payload.item.quantity = payload.quantity;
  state.checkoutCart.push(payload);
},

因为我想我需要遍历所有的数组条目，但是for循环根本就没有运行，而且在这段代码中，根本就没有东西被添加到购物车中。
我不知道我做错了什么。有人能帮我吗？我的语法错了吗？或者我的逻辑错了吗？我访问数组/对象的方式不正确吗？我如何正确地编写"ADD_ITEM_TO_CART"赋值函数？我已经花了一整天的时间在这上面，我的大脑都要关闭了。
编辑：
https://i.imgur.com/bkU8YSo.png

• • 有效载荷**

<div v-for="item in items">  <--ACTUALLY PROP FROM PARENT COMPONENT BUT SAME IDEA
          <p>
            Qty
            <select v-model="quantity">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
            </select>
          </p>
          <p>
            <button type="button" @click="addToCart()">
              Add to Cart
            </button>
          </p>
        </div>

let quantity = ref("1");
const addToCart = () => {
  console.log("addToCart Running");
  store.dispatch("cartAdd", { item: item.value, quantity: quantity.value });
};