1 用法
有时候因为需求等情况,我们需要拿到select选择器选择的整个对象,不光只拿到他的value。方法:
<el-select
value-key="zddm"
@change="searchSelect"
v-model="addRuleform.diseaseCode"
filterable
remote
reserve-keyword
placeholder="请输入疾病名后查询"
:remote-method="remoteMethod"
:loading="loading"
clearable
style="width: 300px"
>
<el-option
v-for="item in options"
:key="item.zddm"
:label="item.zdmc"
:value="item"
>
</el-option>
</el-select>
searchSelect(val){
console.log("test",val)
},
这里的重点在于:
1.value-key绑定唯一标识,key值是不错的选择
2.@change方法不带参数
3.el-option的value绑定item对象
结果:
拿到了值,后续操作就看需求。
2 回显
回显,我试了下,回显的话你也要是个对象才能正确回显。
但是不一定要如例子中的把对象的label和value字段都返回,试了下,返回的对象里至少有value-key的字段,本例中的zddm就行了。