"Bootsrap-Vue Modal的hide方法無效"

Question

我有一個簡單的bootstrap-vue modal，其中包含一個input text。我希望按下Ok按鈕時不會自動關閉，所以我使用了"prevent"。然後我進行一些驗證，然後希望使用"hide"方法關閉它。但是對我來說不起作用。奇怪的是show方法完全正常工作。我查看了文檔，找不到錯誤所在。如何使hide方法在那一點上對我起作用？ 這是我的程式碼。

Answer 1

編輯：你使用v-model了嗎？將資料傳遞給v-model，並在需要時更新它

你還有另一個選擇。

<b-modal id="bv-modal-example" hide-footer></b-modal>
//在script标签中
this.$bvModal.hide('bv-modal-example')

或是你可以使用v-model屬性來控制Bootstrap Vue模態框。

請查看文件。

Answer 2

問題在於您試圖在同一時刻關閉它，同時又阻止它關閉。

您可以透過使用this.$nextTick將隱藏方法延遲到下一個時刻來解決這個問題。

this.$nextTick(() => {      
  this.$bvModal.hide('grfGuardarModal')
})