select的value值为对象时,获取label和value

1,721 阅读1分钟

使用select时,有时后台查表浪费时间,会需要把select选中数据的id,name都传给后台。option的value绑定对象时,必需要给select绑定一个value-key,官方文档也有标注

代码如下

<el-select v-model="ruleForm.branch" filterable placeholder="请选择" value-key="id">

                        <el-option

                            v-for="item in ruleForm.branchArr"

                            :key="item.id"

                            :label="item.name"

                            :value="item">

                        </el-option> 

</el-select>