Select 下拉框选中值期望与下拉框的options值不同

有时候期望下拉框的值显示与选中的值希望不一致时，

可以采用slot插槽，

当然还有另一种模糊搜索也可以处理，但是业务暂时不需要涉及到那块

?

1 2 3 4 5 6 7 8 9

eg :     optios的显示的值 为 name + code      而select 选中的值只想要 code在上面时     采用 slot解决      <Select v-model="materielInfo.unitOfMeasurementCode"                         style="width:150px"  :disabled="!editable('unitOfMeasurementCode')"  >                       <Option v-for="item in meteringList"  :value="item.value"  :key="item.id" :label="item.value">                           <div slot>{{item.label}}</div>                       </Option>                     </Select>

　　

选取的值默认为 lable，因此在处理时将code的 值 赋值给label,完成即可！

 

转自：https://blog.csdn.net/lixinhua_man/article/details/118145506