如下代码,a-tree组件是封装为子组件的,树组件上有个check方法,可以把选中树的数据给获取到,现在要将获取的数据传递到父组件中,所以先用Emit自定义一个role-change事件,然后就可以在父组件中使用了。
public onCheck(checkedKeys:string[]){
console.log('checkedKeys',checkedKeys)
this.onRoleChange(checkedKeys)
}
@Emit('role-change')
onRoleChange(val:string[]){
}
render() {
return (
<div>
<a-tree blockNode checkable tree-data={this.treeData} on-check={this.onCheck}/>
</div>
);
}
父组件中使用
private onRoleChange(val: string[]) {
this.changeRole = val;
}
<a-modal visible={this.roleConfigVisible} title='角色配置' on-ok={this.roleConfigOkHandle}>
<role-configuration on-role-change={this.onRoleChange}></role-configuration>
</a-modal>