Bootstrap Vue Modal 確定按鈕

Question

您好，我使用的是引導程序 Vue 模態，但我想更改按鈕的名稱，使確定按鈕顯示提交並在頁腳中取消顯示關閉，但我無法訪問它們在哪里可以找到它們。 這就是我所擁有的

<button v-b-modal.modal-close_visit class="btn btn-danger btn-sm m-1">Close</button>

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

Answer 1

你要做的是通過 ok prop :ok-title="Submit和取消 prop :cancel-title="Close"

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

Answer 2

你可以用你自己的覆蓋標准頁腳：

<b-modal>
    <template #modal-footer>
        <button v-b-modal.modal-close_visit class="btn btn-danger btn-sm m-1">Close</button>
        <button v-b-modal.modal-close_visit class="btn btn-success btn-sm m-1">Submit</button>
    </template>
</b-modal>