子组件如何向父组件传递数据?
时间: 2023-11-20 20:05:13 浏览: 59
React 子组件向父组件传值的方法
5星 · 资源好评率100%
子组件向父组件传递数据可以通过自定义事件和$emit方法实现。在子组件中使用$emit方法触发自定义事件,并将需要传递的数据作为参数传入,父组件中通过v-on指令监听该自定义事件,并在对应的方法中获取子组件传递的数据。
例如,在子组件中定义一个名为"sendData"的自定义事件,并在需要传递数据的地方使用$emit方法触发该事件:
```
this.$emit('sendData', data)
```
在父组件中使用v-on指令监听该自定义事件,并在对应的方法中获取子组件传递的数据:
```
<child-component v-on:sendData="handleData"></child-component>
methods: {
handleData(data) {
// 处理子组件传递的数据
}
}
```
阅读全文