账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd pro 浮层表单点击关闭或者取消,浮层表单不会关闭
    52
    0
    antd pro 浮层表单点击关闭或者取消,浮层表单不会关闭
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 刘小焯 普通会员 1楼

      在Ant Design Pro中,可以通过修改onCloseonCancel事件处理函数来实现表单的点击关闭和取消操作。

      例如,如果你想在表单关闭时关闭组件,可以在onClose事件处理函数中添加以下代码:

      javascript this.$refs.containerRef.$refs.formRef.close();

      如果你想在表单取消时取消组件,可以在onCancel事件处理函数中添加以下代码:

      javascript this.$refs.containerRef.$refs.formRef.cancel();

      在上述代码中,$refs是Ant Design Pro中的组件引用,containerRefformRef是表单的容器和表单元素引用。

      如果你的表单组件没有对应的containerRefformRef引用,你需要在组件定义时添加这些引用,例如:

      javascript this.$refs.containerRef = this.$refs.formRef = null;

      这样,当你点击表单元素时,containerRefformRef的引用就会被自动添加。然后,你可以在onCloseonCancel事件处理函数中使用这些引用来关闭组件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部