Modal closes always on ok button

I have a modal and I have everything working except that when I click on the OK button the modal dissapears. I want to keep the modal open if there are errors in the supplied data.

My modal looks like this: <b-modal id="editModal" :title="editModalTitle" @ok="saveData" @close="clearData" hide-header-close>

I have tried returning false in saveData(e) { return false; } however that doesn’t work

[alexsasharegan]

Check out the docs on the modal component under Prevent Closing: https://bootstrap-vue.js.org/docs/components/modal#prevent-closing

You should be able to call e.cancel() in the @ok handler. Keep in mind that this is done synchronously, so any async stuff will require cancelling synchronously, and then manually closing in the async callback logic.

[jonalxh]

@chamra Try with the following:

// In your template section
<b-modal @ok="validate"></b-modal>

// In your methods (script) section
validate(evt) {
   evt.preventDefault() // It will prevent modal dismiss
}