Javascript 从vuejs中的输入获取动态值

我在vue组件中有一个表，其中一列在v-for中也有输入tr标记。 如何获取所有表值并一次性提交？ 我的意思是填充所有输入，并为所有输入运行一次保存方法

不
客户名称
总金额
支付总额
全额退款
实际支付
平衡
新工资
{{index+1}}
{{passenger.name_ar}
{{passenger.payment}}
{{passenger.payments+'KD'}}
{{passenger.returned+'KD'}}
{{passenger.payment.payment}}
{{乘客.付款.总金额}

您需要创建一个v型模型，并指出您要提交给该v型模型的当前乘客

export default {
  data() {
  return {
    passengerModal : {}
  

然后，每个乘客身上都会有一个提交按钮，对吗？在提交按钮上，您可以使用

<button @click="passengerModal = passenger; submitThisPassenger()>Current passenger</button>

---

您需要创建一个v型模型，并指向您要提交给该v型模型的当前乘客

export default {
  data() {
  return {
    passengerModal : {}
  

然后，每个乘客身上都会有一个提交按钮，对吗？在提交按钮上，您可以使用

<button @click="passengerModal = passenger; submitThisPassenger()>Current passenger</button>

您可以按照其他人的建议使用v型来实现这一点

//****** Add v-model to your input**********
<input type="text" class="form-control" v-model="thispassenger" :ref="passenger.id">

请记住，v-model指令在表单输入、textarea和select元素上创建双向数据绑定。您不能在任何其他元素上使用它

如果您想了解更多有关v-model的信息，请转到此链接。
您可以按照其他人的建议使用v-model实现此目的

//****** Add v-model to your input**********
<input type="text" class="form-control" v-model="thispassenger" :ref="passenger.id">

请记住，v-model指令在表单输入、textarea和select元素上创建双向数据绑定。您不能在任何其他元素上使用它

如果您想了解更多关于v-model的信息，请转到此链接。
您具体停留在什么方面，您能告诉我们您走了多远吗？您已经拥有所有乘客数据。因此，只要在输入中添加一个v型模型，您就拥有了一切@Trevor我有几个输入（所有tr标签都有输入），我的所有输入都有一个同名的v型，这是错误的v型允许您设置对象键。v-model=“passenger.input[index]”像这样，你具体坚持什么，你能告诉我们你走了多远吗？您已经拥有所有乘客数据。因此，只要在输入中添加一个v型模型，您就拥有了一切@Trevor我有几个输入（所有tr标签都有输入），我的所有输入都有一个同名的v型，这是错误的v型允许您设置对象键。v-model=“passenger.input[index]”这样实际上所有乘客都有一个按钮，我必须用一个提交按钮提交所有乘客。这更像是后端工作，只需将所有乘客作为有效负载传递。我这样做，首先创建数组，并使用乘客id和for获取每个输入值。谢谢@syazany实际上所有乘客都有一个按钮，我必须使用一个提交按钮提交所有乘客。这更像是后端工作，只需将所有乘客作为有效负载传递。我这样做，首先，创建数组，并使用乘客id推送，然后清楚地获取每个输入值谢谢@Syazany