title: Modal is closing after submit form even if I have errors Vuejs
body: <p>I created a validation with <a href="https://vuelidate.js.org/" rel="nofollow noreferrer">vuelidate</a> but after I submit the form modal is closing even if I have errors. I am using Bootstrap-Vue with VueJs. I want that the model to be open if I get an error after submit.</p>
  
  <pre><code>&lt;b-modal
      v-bind="$attrs"
      title="Add new customer"
      @ok="addCustomer"
  &gt;
  
  &lt;form ref="form" @submit.stop.prevent&gt;
      &lt;b-form-group label="Account Name" label-for="account_name-input"&gt;
          &lt;b-form-input
                  id="account_name-input"
                  v-model="account_name"
                  v-model.trim="$v.account_name.$model"
                  :class="{
  'is-invalid':$v.account_name.$error, 'is-valid':!$v.account_name.$invalid}"
          &gt;&lt;/b-form-input&gt;
          &lt;div class="invalid-feedback"&gt;
              &lt;span v-if="!$v.account_name.required"&gt;This field is required!&lt;/span&gt;
          &lt;/div&gt;
      &lt;/b-form-group&gt;
  &lt;/form&gt;
  
  addCustomer() {
      if (this.$v.$invalid) {
          console.log('Error');
      }else{
          console.log("Succes");
          let newCustomer = {
              account_name: this.account_name,
          };
  
          ...code...
      }
  },
  
  validations: {
      account_name: {
          required
      },
  }
  </code></pre>