vue.js - 将多个输入设置为带索引的字符串
问题描述
我是 vue 新手,必须发送表格。后端给了我一个关于我的成员数组必须包含多少个字符串的数字。每个字符串都包含 firstName 和 lastName(例如 ["Peter Becker", "Henry White"])。因此 UI 必须有两个输入。我的表格看起来像这样
<div v-for="(n, index) in retailer.slotCount" :key="index"
class="form-input">
<b-form-group>
<label>Gast {{index + 1}}</label>
<b-row>
<b-col md="5">
<b-form-input v-model="form.firstName[index]" />
</b-col>
<b-col md="5">
<b-form-input v-model="form.lastName[index]" />
</b-col>
</b-row>
</b-form-group>
</div>
当我想发送表单两个我的 POST 操作时,我的问题就开始了
methods: {
bookDate() {
this.$store
.dispatch("sendBooking", {
eventId: Math.floor(this.event.id),
participants: `${this.form.firstName} ${this.form.lastName}`
})
}
},
发送的数据是“firstName”、“firstname”、“lastName”、“lastName”
如何将 firstName 和 lastName 组合成一个字符串并将它们放入一个数组中。有没有人有一个快速的解决方案?
解决方案
您可以使用var thestring = yourIndex.toString;
将所有索引设置为单个字符串。
推荐阅读
- php - 使用 Guzzle 上传带有文件的数据 - Laravel
- reactjs - 为反应库配置汇总
- c# - 托管标识 - 如何在本地调试
- reactjs - React-Bootstrap v1 中的 Panel.Collapse
- android - 禁用 FRP 的用户帐户,仅允许工作管理帐户
- python - Python 3:删除文件中最后一个字符的惯用方法
- javascript - WebStorm diff 中一行上的黄色块是什么意思?
- ios - ios上的cordova cli命令失败:ENOENT cordova-config.json.SOME_NUMBER
- python - select appropriate dataframe based on user input
- c# - 无法将 lambda 表达式转换为类型“DbContextOptions
" 因为它不是委托类型