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"}
   ],
}

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐