Events (keyup & change)

version - v2.0.0-rc.6 change

<template>
  <div>
    <b-form-select v-model="selected" :options="options" class="mb-3" />
    <b-form-select v-model="selected" :options="options" class="mb-3" size="sm" @change="log(selected)" />
    <div>Selected: <strong>{{ selected }}</strong></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      selected: null,
      options: [
        { value: null, text: 'Please select an option' },
        { value: 'a', text: 'This is First option' },
        { value: 'b', text: 'Selected Option' },
        { value: {'C': '3PO'}, text: 'This is an option with object value' },
        { value: 'd', text: 'This one is disabled', disabled: true }
      ]
    }
  },
  methods: {
    log (val) {
      console.log(val)
    }
  }
 }
</script>

As you see, model in template change correct, but in console log old value.

keyup

<template>
  <div>
    <b-form-input v-model="text1"
                  type="text"
                  placeholder="Enter your name"
                  @keyup.enter="log('b-form-input')"></b-form-input>
<input v-model="text1"
                  type="text"
                  placeholder="Enter your name"
                  @keyup.enter="log('simple input')"/> 
<p>Value: {{ text1 }}</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      text1: ''
    }
  },
  methods: {
    log (val) {
     console.log(val);
   }
  }
 }
</script>

keyup works only in simple input.

[mosinve]

hi, try to use @keyup.enter.native, and please let us know the result

[emanuelmutschlechner]

@Hanyuusha You’re welcome. Please close the issue.