代码是这的
//计数器代码
<el-input-number v-model="dish.count" :min="0"></el-input-number>
//js代码
// 后端获得的数据,给每一个dish增加一个属性用于计数
this.allDish.forEach(dish => {
dish.count = 0
})
然后发现加一就不能加了,而且还不能减
原因是(官网):
解决办法(官网):
//改成Vue.set(object, propertyName, value)就可以是响应式的了
this.allDish.forEach(dish => {
//dish.count = 0
this.$set(dish,'count',0)
})
详情可见官网:深入响应式原理 — Vue.js (vuejs.org)