bootstrap помощник по формам с vue js

Question

Привет всем, я пытаюсь использовать bootstrap помощник форм (средство выбора валюты) внутри шаблона vuejs, но не могу получить и определить экземпляр внутри элемента выбора. этот шаблонный код.

    <form @submit.prevent="createCurrency()">
      <div class="form-body">

        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="projectinput1">Select Currency</label>
              <div class="bfh-selectbox bfh-currencies" data-currency="EUR" data-flags="true" v-model="form.currency">
              </div> 
            </div>
          </div>
        </div> 
      </div> 
    </form> 
</template> 

, и это vue код.

export default {
  data() {
    return { 
      sick_type: {}, 
      name:null,
      form:{ 
        currency: null,  
      }
    };
  },

  methods: { 
    createCurrency() {
      this.$Progress.start();
      axios
        .post("/api/currency/store", this.form)
        .then(() => {
         Swal.fire({
          position: 'top-end',
          icon: 'success',
          type:'success',
          title: 'Your work has been saved',
          showConfirmButton: false,
          timer: 1500
        });

          this.$Progress.finish();
          this.$router.push({ path: "/currency" });
        })
        .catch(() => {
          this.$Progress.fail();
          console.log("Failed to create",this.form);
        });
    }, 
  },
   created: function() {
      //  this.currencyList();


   },
};

v-model = "form.currency" не работает, пожалуйста, скажите мне, что является решением ?.