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

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

需求：

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

实现：

可以采用slot插槽

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