Vue监听select标签change事件

• Html

<select id="country" v-model="country" @change="changeCountry" >
  <option value="">请选择</option>
  <option v-for="option in countries" v-bind:key="option.key" v-bind:value="option.value">
    {{ option.text }}
  </option>
</select>

• JavaScript

data () {
  return {
    countries: [{
      'key': 'china',
      'value': 'china',
      'text': '中国'
    }, {
      'key': 'america',
      'value': 'america',
      'text': '美国'
    }],
    country: ''
  }
},
methods: {
  changeCountry () {
    console.log(this.country)
  }
}