<input type="text" @blur="changeNum(item.id,$event)" :value="item.num" class="form-control w100">
<button class="btn btn-light" :disabled="item.flag" @click="reduce(item.id)">-</button>
<input type="text" @blur="changeNum(item.id,$event)" :value="item.num" class="form-control w100">
<button class="btn btn-light" @click="plus(item.id)">+</button>
reduce(id){
this.$emit("change-num",{id:id,type:"reduce"})
},
plus(id){
this.$emit("change-num",{id:id,type:"plus"})
},
changeNum(id,event){
console.log(event)
console.log(event.target.value)
this.$emit("change-num",{id:id,type:"changeNum",num:event.target.value})
}
changeNum(val){
console.log(val)
var index=this.good_list.findIndex((item)=>{
return item.id==val.id
})
// console.log(val.type=="reduce")
if(val.type=="reduce"){
this.good_list[index].num--
// if(this.good_list[index].num==0){
// this.good_list.splice(index,1)
// }
if(this.good_list[index].num==0){
this.good_list[index].num==1
this.good_list[index].flag=true
}
}
if(val.type=="plus"){
this.good_list[index].num++
}
if(val.type=="changeNum"){
this.good_list[index].num=val.num
}
}