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

Posted lfxanla

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iview选择框里面的 :value 和 :key 指的是什么?相关的知识,希望对你有一定的参考价值。

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

  

value 指定选中项目的 value 值,可以使用 v-model 双向绑定数据。单选时只接受 String 或 Number,多选时只接受 Array(v-model绑定也就是当前默认显示哪一个option 是通过value决定的)
key是为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性

 

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

 

以上是关于iview选择框里面的 :value 和 :key 指的是什么?的主要内容,如果未能解决你的问题,请参考以下文章

iview table添加input框

iview table添加input框

iview组件select之默认展示label,并传空value做方法入参

iview 走马灯carousel 在Modal框里面能使用吗

IView Input禁止输入空格,IView v-model.trim修饰符失效,IView输入框禁止输入空格

iView的CheckBox