下面是我的代码,提交表单的时候modifyData的下拉框只能传cityId给后台,现在我想传cityId和cityName一块给后台,怎么写呢,有没有简单的方法
<el-form :model="modifyData" ref="formInfo" :rules="roleRules">
<el-form-item label="组名:" prop="groupName" class="input-item" >
<el-input v-model="modifyData.groupName" placeholder="请输入名称" style="width:200px" />
</el-form-item>
<el-form-item label="城市:" prop="cityId" class="input-item">
<el-select
v-model="modifyData.cityId"
placeholder="全部"
>
<el-option
v-for="item in cityListInner"
:key="item.cityId"
:label="item.cityName"
:value="item.cityId"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
您可以在 el-select 中使用 :value.prop 来绑定多个值。
例如,您可以将代码中的 :value="item.cityId" 改为 :value.prop="{cityId: item.cityId, cityName: item.cityName}",这样就可以将 cityId 和 cityName 两个属性的值绑定到 modifyData.cityId 中。
示例代码如下:
在上面的代码中,我们使用 :value.prop 来绑定 cityId 和 cityName 两个属性的值,并将它们绑定到 modifyData.cityId 中。这样,当用户选择下拉框中的选项时,会将 cityId 和 cityName 两个属性的值一起提交到后台。