Блог

Hell0 Я хочу удалить текущий продукт, на который указывал курсор, из корзин, но на самом деле метод splice удаляет верхний продукт из корзин. здесь мне нужна помощь, чтобы удалить текущий продукт из корзин

      // actions 
     removeProductFromCart({commit}){
          commit('REMOVE_PRODUCT_FROM_CART')
          console.log('commit')

       },
     // mutations 
     REMOVE_PRODUCT_FROM_CART (state, id){

        const index = state.carts
        index.findIndex(product => product.id == id)
        state.carts = index
        state.carts.splice(index, 1)
        }, 
      

<!-- language: lang-html -->

    <template>
      <div class="cart-info">
        <img :src="getImageURL()" />
        <div class="product-info-right-bar">
          <div class="cart-det">
            <h2>{{ product.product_name }}</h2>
            <span
              >{{ product.product_sale_price }} x {{     product.qty }} = Rs:{{ total }}
            </span>
          </div>
          <div class="right-menu">
            <inc-dec :product="product"></inc-dec>
            <fa-icon
              @click.prevent="removeCart()"
              class="dele"
              :icon="['fas', 'trash-alt']"
            ></fa-icon>
          </div>
        </div>
      </div>
    </template>
 methods:{
    ...mapActions(["increaseProduct","decreaseProduct","removeProductFromCart" ]),
    removeCart(){
      this.removeProductFromCart()
    },
on click i call removeProduct() function above 
 methods:{
    ...mapActions(["increaseProduct","decreaseProduct","removeProductFromCart" ]),
    removeCart(){
      this.removeProductFromCart()
    },