elementUi中Select组件value-key属性

最新推荐文章于 2024-08-09 12:37:37 发布

大小先生

最新推荐文章于 2024-08-09 12:37:37 发布

阅读量8.3k

点赞数 2

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/qq_37293274/article/details/112463569

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

select下拉框获取key value值

<el-select v-model="userQuery.USERTYPE"  value-key="value"  @change="currentSel">
 <el-option v-for="item in USER_TYPE_LIST" :key="item.value" :label="item.label"
                :value="item"/>
</el-select>//此处画重点 :value对应的item是个json
currentSel(selVal) {
  this.value= selVal.value;
  this.label= selVal.label;
  console.log("选择的value为：" + this.value, "选择的label为:" + this.label);
   console.log(selVal);
},
return {
   USER_TYPE_LIST: [
     {label: "全部", value: ""},
     {label: "超级管理员", value: "0"},
     {label: "用户", value: "1"},
     {label: "客户", value: "2"}
   ],
}