阅读 691

vue Antd单独隐藏Modal.confirm(this.$confirm方式)对话框的默认ok或cancel按钮

有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮,设置:footer="null"会把两个按钮都隐藏。

Antd有提供两个参数用于单独修改确定、取消按钮:对于确定按钮,设置:ok-button-props="{ style: { display: 'none' } }";对于取消按钮,设置:cancel-button-props="{ style: { display: 'none' } }"。这样就能快速隐藏对应按钮了。

那么以上都是在template中隐藏,但单我们使用this.$confirm({})方式按以下方式也可以隐藏各自按钮

this.$confirm({
            content: '当前运单已超载,无法进行线上支付。',
            cancelButtonProps: { style: { display: 'none' } }, // 隐藏取消按钮
            onOk:() => {
            }
          })复制代码

在这里插入图片描述

实际案例运用如图

在这里插入图片描述在这里插入图片描述


作者:wocw
链接:https://juejin.cn/post/7034067873098104845

 伪原创工具 https://www.237it.com/ 


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐