antd vue关闭模态对话框_antd-Modal对话框

onOk={this.handleOk}   onCancel={this.handleCancel}> footer={false}

title:用来设置模态框的标题

visible:用来控制显示隐藏,一般操作都是将它的状态设置为false,然后通过按钮点击改变状态变成true,然后点击取消或者关闭按钮,或者确定按钮,将状态设置为false,隐藏此模态框

onOk:底部的确定触发的方法

onCancel:底部的取消以及右上角的关闭按钮触发的方法

footer:底部样式,包含确定以及取消按钮,可以设置为false,不要自带的按钮,可以自己新写按钮。

如果要更改modal的宽度,不用改css直接在modal上面加一个width属性

备注:很多情况下使用modal的时候,由于modal不会自动清空旧数据,会导致第二次数据还是第一次的,解决方案就是,只有当visiable为true的时候,才引入modal,({visiable ? :''})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值