关于Vue中,父组件获取子组件的数据(子组件调用父组件函数)的方法

vue

1. 父组件调用子组件时,在调用处传给子组件一个方法

:on-update="updateData"

 

2. 子组件在props中,接收这个方法并声明

props: {

 onUpdate: Function

}

 

3. 子组件中,需要通知父组件时,调用onUpdate这个方法,并传入参数data

this.opUpdate(data)

 

4. 父组件中,通过updataData方法,获取到子组件传过来的data,并做以操作

updateData (data) {

 // 这里可以使用子组件传过来的数据data

 // 也可以放子组件需要调用的父组件方法

}

以上是 关于Vue中,父组件获取子组件的数据(子组件调用父组件函数)的方法 的全部内容, 来源链接: utcz.com/z/375292.html

回到顶部