iview中select的使用

待完善 参考

option绑定值和显示值问题

  <FormItem label="区域" prop="DistrictId">
    <Select v-model="step1Form.DistrictId" placeholder="选择区域" @on-change="myDistrict"  :label-in-value="true">
      <Option v-for="item in areaList" :value="item.Id" :key="item.Id">{{ item.Name }}</Option>
    </Select>
  </FormItem>

areaList数据结构

[
	{
	Id: 8762
	Name: "杭州"
	ParentId: 0
	}
]

step1Form.DistrictId 拿到的是8762

问题：我想拿到item.name，也就是"杭州"

解决
给select绑定 :label-in-value="true",事件函数myDistrict就可以接收一个参数

myDistrict(val){
      console.log("myDistrict");
      console.log(val);
    },

val的值为一个对象

{
	label: "杭州"
	value: 8762
}

可以使用 val.label来获取"杭州"这个值