element-ui的下拉框选项值进行拼接:
很多时候在公司开发的话需求是各种各样的,官网是有很多都可以直接拿过来用,但是往往需要做很多调整,前几天就遇到需要把下拉框值改为code/name形式
代码如下:
<el-selectv-model="dataForm.productName"filterable><el-optionv-for="(item,index) in productOptions":key="index":label="`${item.productCode}/${item.productName}`":value="item.id"></el-option></el-select>
其中:label是下拉框弹出框选项的值,:value则是赋值给v-model绑定的值
下面就是效果,这样就实现了我们想拼接成的效果了