[Vuejs]-<b-form-input> in vue.js is not getting modified value when it is tried to save

0👍

I am not sure what issue you are facing but it is working fine in the below code snippet.

By using @change event on <b-form-input>

new Vue({
  el: '#app',
  data: {
    inputText: 'Alpha',
  },
  methods: {
    getUpdatedValue() {
      console.log(this.inputText);
    }
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.js"></script>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.css"/>
<div id="app">
  <b-form-input v-model="inputText" @change="getUpdatedValue"></b-form-input>
</div>

Leave a comment