ElementUIel-select设置下拉框选项内容和选项内容不一致

el-select设置下拉框选项内容和选中项内容不一致

需求：

如下图所示，要求下拉选项中为 userName(telNo)，选中项只显示 userName

实现：

可以采用slot插槽

1.  
   <el-form-item label="报销人" prop="remipersonid">
2.  
   <el-select v-model="searchForm.remipersonid" placeholder="请选择报销人">
3.  
   <el-option v-for="item in remiPersonOptions" :key="item.userId" :label="item.userName" :value="item.userNo">
4.  
   <div slot>{{item.userName '(' item.userNo ')'}}</div>
5.  
   </el-option>
6.  
   </el-select>
7.  
   </el-form-item>

这篇好文章是转载于：学新通技术网