子组件,用$emit向,触发一个事件,向父组件传值。
addCart(event) {
if (!event._constructed) {
return
}
if (!this.food.count) {
Vue.set(this.food, 'count', 1) // 通过Vue.set接口给food添加一个count属性,同时设值1
} else {
this.food.count++
}
this.$emit('cart-add', event.target)
}
然后在父组件中监听触发的事件,当事件发生时,触发cartAdd方法(需要定义一个cartAdd方法):
<v-cart-control :food="food" @cart-add="cartAdd"></v-cart-control>