今天在写页面时遇到一个问题,前端页面获取到后台的枚举类型后,在选择器上展示,但如何将选择器所选内容传到后台,我一时间不知如何下手?查阅element-ui官网后发现,只需要弄清楚label和value的关系即可。
<el-table-column label="匹配方式">
<template #default="scope">
<el-select v-model="scope.row.matchWay">
<el-option v-for="(item, index) in matchWayList" :key="index" :label="item.value" :value="item.key" border>
{{ item.value }}
</el-option>
</el-select>
</template>
</el-table-column>
v-model的值即传往后台的值,与value保持一致
而label的值是展示在页面上的值