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

最新推荐文章于 2025-07-02 12:22:35 发布

转载最新推荐文章于 2025-07-02 12:22:35 发布 · 4.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c861230f265da2d8963661b

文章标签：

#javascript #java #ViewUI

使用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>
复制代码

转载于:https://juejin.im/post/5c861230f265da2d8963661b