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

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

:on-update="updateData"
 
2. 子组件在props中,接收这个方法并声明
props: {
 onUpdate: Function
}
 
3. 子组件中,需要通知父组件时,调用onUpdate这个方法,并传入参数data
this.opUpdate(data)
 
4. 父组件中,通过updataData方法,获取到子组件传过来的data,并做以操作
updateData (data) {
 // 这里可以使用子组件传过来的数据data
 // 也可以放子组件需要调用的父组件方法
}

猜你喜欢

转载自www.cnblogs.com/jane2160/p/11590776.html