Bootstrap Vue Modal ok button-CodePudding

Hello iam using a bootstrap vue modal but i want to change the name of the buttons make ok button show submit and cancle show close in the footer but i have no access to them where can i find them. This is what i have

<button v-b-modal.modal-close_visit >Close</button>

<b-modal id="modal-close_visit" @hidden="resetClose">
  <template #modal-title
><p >
  Close {{ close_visit.patient_name }}'s Visit
</p></template>
</b-modal>

CodePudding user response：

what you have to do is to pass ok prop :ok-title="Submit and cancel prop :cancel-title="Close"

<b-modal id="modal-close_visit" @hidden="resetClose" :ok-title="Submit" :cancel-title="Close">
 <template #modal-title
><p >
Close {{ close_visit.patient_name }}'s Visit
</p></template>
</b-modal>

CodePudding user response：

You can overwrite the standard footer with your own:

<b-modal>
    <template #modal-footer>
        <button v-b-modal.modal-close_visit >Close</button>
        <button v-b-modal.modal-close_visit >Submit</button>
    </template>
</b-modal>