购物车之商品个数减减

代码思路

通过点击事件实现减减
利用commit方法将数据传入vuex中
在vuex中的 mutations 方法里面修改原数组的数据
判断传过来的数量是否大于0，大于的话就让传过来的数据的数量减减
然后原数据的数量等于减完以后的数据的数量
通过indexof查找原数据中的传过来的数据的下标
判断传过来的数据的个数是否等于0，若等于0，通过下标将此下标代表的数据删除

具体代码

点击事件代码：
	 subtract(item) { //item代表传入vuex中的数据
     	this.$store.commit("subtract", item); // subtract代表同步操作
    },
vueX代码：
mutations:{
	subtract(state,data){
	// 判断传过来的数量是否大于0，大于的话就让传过来的数据的数量减减
      if(data.num>0){
        state.lit.num = data.num--
      }
      // 声明变量接收下标
      let a = 0;
      // 通过indexof查找原数据中的传过来的数据的下标
      if(state.lit.indexOf(data) !=-1){
      // 将下标赋值给a
        a = state.lit.indexOf(data)
      }
      // 判断传过来的数据的个数是否等于0，若等于0，通过下标将此下标代表的数据删除
      if(data.num==0){
        state.lit.splice(a,1)
      }
      localStorage.setItem('lists',JSON.stringify(state.lit))
    },
  }

以上就是本节的内容，希望能帮助到你，想了解更多点我主页，以后也会更新更多的内容，谢谢观看！