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

最新推荐文章于 2024-05-17 15:33:19 发布

如果有鱼

最新推荐文章于 2024-05-17 15:33:19 发布

阅读量1.9k

点赞数 2

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/qq_41314371/article/details/128329280

版权

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

需求：

如下图所示，要求下拉选项中为 userName(telNo)，选中项只显示 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>