表單驗證
預設情況下，BootstrapVue 不包含表單驗證；我們將其交給許多現有的表單驗證外掛程式。以下是外掛程式的一些範例，以及如何將其整合。
Vuelidate
Vuelidate 提供「Vue.js 簡單、輕量級的基於模型的驗證」。您可以在他們的 網站 上找到安裝說明和其他文件。
Vuelidate 範例
此範例演示如何將不同的驗證和回饋新增至兩個表單欄位，以及根據表單驗證來動態停用提交按鈕。
這是一個詳細的範例，旨在展示 BootstrapVue 和 Vuelidate 如何交互；在較大的應用程式中，您可能希望抽象出一些功能，例如建立標準錯誤訊息組件。
VeeValidate v2
VeeValidate 是 Vue.js 的一個外掛程式，可讓您驗證輸入欄位並顯示錯誤。它完全支援 Vue I18n，並提供相當不錯的現成錯誤訊息。
重要事項
您必須設定 vee-validate 的 fields 屬性，否則它會與 <b-table> (以及其他元件) 在將其自身注入時發生衝突 :fields 屬性。
import Vue from 'vue'
import VeeValidate from 'vee-validate'
Vue.use(VeeValidate, {
// This is the default
inject: true,
// Important to name this something other than 'fields'
fieldsBagName: 'veeFields',
// This is not required but avoids possible naming conflicts
errorBagName: 'veeErrors'
})VeeValidate v2 範例
VeeValidate v3
VeeValidate 是 Vue.js 外掛程式，讓你可以驗證輸入欄位並顯示錯誤。它完全支援 Vue I18n，並提供操作體驗佳的現成錯誤訊息。