javascript - How to disable closing a modal when clicking the x button on an ant modal in vue

Question

Basically, I'm trying to add a confirmation before closing an ant modal in Vue to make sure user wants to discard the changes made. so, the idea is to disable the default behavior of closing the modal and trigger in only in certain scenarios.

I tried the following:

on the a-modal tag: @cancel="handleCancel"

and in the methods: handleCancel(e) { e.stopPropagation(); e.preventDefault(); } but didn't seem to work

question from:https://stackoverflow.com/questions/65886683/how-to-disable-closing-a-modal-when-clicking-the-x-button-on-an-ant-modal-in-vue

Answer 1

Waitting for answers