vue 、 在element-ui的el-table组件中 使用 el-select绑定对象时value-key的注意事项

// 绑定对象时设置了value-key,再次点击时不会高亮,找了源码发现key需要一致;
// 相关源码
isEqual(a, b) {
 if (!this.isObject) {
    return a === b;
  } else {
    const valueKey = this.select.valueKey;
    return getValueByPath(a, valueKey) === getValueByPath(b, valueKey);
  }
}
// =============================
// 于是需要在list 或 row 统一一个key,把scope.row.des,改成scope.row即可
// 它会用scope.row.des 比较item.des,这时选中的就显示label
<el-select
  @change="handleChange(scope.row, $event)"
   value-key="des"
   :value="scope.row"
   placeholder="请选择"
   clearable
   size="small"
 >
   <el-option  v-for="item in list" :key="item.id" :label="item.name"
      :value="item" 
   />
</el-select>
// ==============================
handleChange(row,obj) {
	row.id = obj.id;
	row.des = obj.des
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值