Element UI下拉列表el-option中的key、value、label含义

Element UI下拉列表el-option中的key、value、label含义

<el-select v-model="queryParams.level" placeholder="级别" style='margin-right:5px;width:140px' clearable>
   <el-option v-for="item in optionss" 
      :key="item.value"
      :label="item.label" 
      :value="item.value">
   </el-option>
</el-select>

 

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

 

可以简单理解为：label 是给用户展示的东西，value是往后端传递的真实值。