iview select 组件问题

<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,假如数组对象更只如何返回。

阅读 5.9k
1 个回答

如果value 或则 labe的值是唯一的,可以使用es6的find方法 查找出item

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进