首页 > 解决方案 > Vue.js 2 - 如何将数据从子组件传递给父组件

问题描述

我有一个应用程序,用户可以在其中创建患者列表。每个患者(子组件)都包含一个姓名和年龄。该应用程序将计算患者人数和所有患者年龄的总和。如何将信息从子组件传递到父组件?

注意 - 在我的<report>组件中,我目前正在将总年龄属性值硬编码为 0。

目前,我有一个addPatient()方法添加到我的 Vue 实例中,它将 null 推送到patients数组中。我觉得我应该将其他东西推null入这个数组。我v-for每个都有一个patients

https://codepen.io/anon/pen/pOgdmW

标签: vuejs2vue-component

解决方案


推荐阅读