鍍金池/ 問答/HTML/ iview select 組件問題

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,假如數(shù)組對象更只如何返回。

回答
編輯回答
貓小柒

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

2018年1月1日 11:54