利用vue2.0 的computed計算屬性,去動態監聽數據變化,再通過數據傳遞到組件
下面來看代碼:
computed: {
selectFoods() {
let foods = [];
this.goods.forEach((good) => {
good.foods.forEach((food) => {
if (food.count) {
foods.push(food);
}
});
});
return foods;
}
}
-------組件傳遞---
<v-shopcart :select-foods="selectFoods" ></v-shopcart>
-----------組件接收----------
export default {
props: {
food: {
type: Object
}
}
}