2024年4月12日发(作者：)

vant-dialog 是一个常用的移动端对话框组件，

showCancelButton 是该组件的一个属性，用于控制是否显

示取消按钮。

使用 showCancelButton 属性时，需要在对话框组件上设

置该属性，并传入一个布尔值，用于控制是否显示取消按钮。

以下是一个示例：

html

message="确定要继续吗?" @close="onCancel">

确定

在上面的示例中，通过 :show-cancel-button="true" 将

showCancelButton 属性设置为 true，从而显示取消按钮。

当用户点击取消按钮时，会触发 close 事件，可以在组件上

监听该事件来处理取消操作。

如果不需要显示取消按钮，可以将 showCancelButton 属

性设置为 false：

html

message="确定要继续吗?" @close="onCancel">

确定

通过以上示例可以看出，showCancelButton 属性可以方便

地控制是否显示取消按钮，并处理用户的取消操作。