Vue Antd separately hides the default OK or Cancel buttons of the Modal.confirm(this.$confirm) dialog box

Sometimes we need to hide the default OK or cancel buttons of the Modal dialog separately, setting :footer=” NULL “will hide both buttons.

Antd provides two parameters to modify the ok and cancel buttons individually: for the ok buttons, set :ok-button-props=”{style: {display: ‘none’}}”; For the cancel button, set :cancel-button-props=”{style: {display: ‘none’}}”. This allows you to quickly hide the corresponding button.

This.$confirm({}) can also be used to hide the respective buttons

This.$confirm({content: 'The current waybill is overloaded and cannot be paid online. ', cancelButtonProps: {style: {display: 'none'}}, // Hide the cancel button onOk:() => {}})Copy the code

The actual case is shown in figure