Vue监听select标签change事件

  • Html
1
2
3
4
5
6
<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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
data () {
return {
countries: [{
'key': 'china',
'value': 'china',
'text': '中国'
}, {
'key': 'america',
'value': 'america',
'text': '美国'
}],
country: ''
}
},
methods: {
changeCountry () {
console.log(this.country)
}
}

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :