1028:tsx里面使用@Emit子组件传数据父组件

如下代码,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>

おすすめ

転載: blog.csdn.net/qq_45989814/article/details/121023051