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

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

可以采用slot插槽，

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

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