【vue 项目】element-select选择器以省市下拉框联动为例通过value获取label的值将value和label都传给后端

最新推荐文章于 2024-09-22 23:53:06 发布

Aohan-z

最新推荐文章于 2024-09-22 23:53:06 发布

阅读量1.9k

点赞数

分类专栏： vue项目文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Aohanzzz/article/details/126738217

版权

element里面select组件v-model显示的是value的值，在实际的开发中经常需要同时向后端传递value和label的值
在这里插入图片描述

html

<el-form-item label="所属城市：" prop="city">
    <el-select v-model="addProductForm.city.city1" placeholder="请选择省份" size="small" style="width:220px;margin-right: 20px;" @change="selectCity">
       <el-option v-for="item in province" :key="item.id" :value="item.id" :label="item.name" />
    </el-select>
    <el-select v-