对element-ui下拉框中的选项值进行自由拼接

element-ui的下拉框选项值进行拼接：

很多时候在公司开发的话需求是各种各样的,官网是有很多都可以直接拿过来用,但是往往需要做很多调整,前几天就遇到需要把下拉框值改为code/name形式

代码如下:

<el-select
	v-model="dataForm.productName"
	filterable
>
	<el-option
		v-for="(item,index) in productOptions"
		:key="index"
		:label="`${item.productCode}/${item.productName}`"
		:value="item.id"
	>
	</el-option>
</el-select>

其中:label是下拉框弹出框选项的值,:value则是赋值给v-model绑定的值

下面就是效果,这样就实现了我们想拼接成的效果了