<template>
<Select v-model="model1" @on-change="select" style="width:200px">
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</template>
<script>
export default {
data () {
return {
cityList: [
{
value: 'New York',
label: 'New York',
a:1
},
{
value: 'London',
label: 'London',
a:2
},
{
value: 'Sydney',
label: 'Sydney',
a:3
}
],
model1: ''
}
},
methods:{
select(item){
console.log(item)
}
}
}
</script>
代码如上,如何获取在绑定on-change
获取选中的item
官方只能返回value label
,假如数组对象更只如何返回。
如果value 或则 labe的值是唯一的,可以使用es6的find方法 查找出item