首页 > 其他 > 详细

element-ui el-select 选中的value值为对象 value-key使用

时间:2021-09-03 22:41:44      阅读:28      评论:0      收藏:0      [点我收藏+]
 
select option绑定的value为对象时会出现问题:无法正确显示选中的值,选项全部为蓝色
技术分享图片
 
这个是因为:官方文档里面有写Element文档 
value-key 作为 value 唯一标识的键名,绑定值为对象类型时必填 string value
 
所以我们要在el-select 标签里面加上 value-key="id"(  id是选项数据的字段)
<el-select v-model="value" placeholder="请选择" @change="getchang" value-key="id" >
        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item">
        </el-option>
      </el-select>

 

 getchang(value) {        
      console.log("选中值的id",value.id);
      console.log("选中值的name",value.name);
      },

 

element-ui el-select 选中的value值为对象 value-key使用

原文:https://www.cnblogs.com/huahuawugui/p/15223077.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!