iview选择框里面的 :value 和 :key 指的是什么？

Question

<Select v-model="model1" style="width:200px">
        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
    </Select>

官网

文档说的看不太懂，想输出看一下也不知道怎么取到这两个值，他们代表了什么，用来干什么的？

Answer 1

value 指定选中项目的 value 值，可以使用 v-model 双向绑定数据。单选时只接受 String 或 Number，多选时只接受 Array（v-model绑定也就是当前默认显示哪一个option 是通过value决定的)

key是为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性

Answer 2

我尝试给你解释一下，看你能否理解：
item.label：这是给用户看的，当点击下拉菜单时，会出来选项，用户看到的选项就是这个
value：这是你点击某个label(option)之后，将对应的值给v-model绑定的值model1
key：这个呢相当于身份令牌，唯一的，防止出错，虽然没有也行，但是官网推荐还是加上为好

以上三个都可以是同一个值，例如都可以绑定item.value，具体怎么用就看需求了

希望我的回答对你有所帮助！