Javascript 多重：vue中的值

我有一个接受值并将其与其他表单一起发送到我的后端的程序

{{ 
银行名称
}}

但在发送之前，我需要获取一些数据，使用

bank.id

填充第二个选择框，我应该在上面的代码中使用

：value=“bank.id”

要获取用于进行填充第二个选择框的api调用的值，我只需执行以下操作

var branch=document.getElementById（'branch'）.value；

并在API调用中使用它

但是在这里，我需要获取

bank.id

来进行第一个api调用，该调用填充selectbox，并且仍然将

bank.code

作为表单数据提交

---

我曾考虑过使用javascript获取

键

，javascript具有

bank.id

。但无法计算它应该如何工作或以不同的方式工作。

解决此问题的一个方法是将整个

银行

对象绑定到您的

模型

然后，您可以使用其

id

填充其他选择选项，并使用其

code

构建表单数据负载

比如说

{{ 
银行名称
}}

数据：（）=>({
表格数据：{
//不管你原来在这里有什么
},
selectedBank:{}//空对象或默认银行
}),
方法：{
getBranch（）{
const bankId=this.selectedBank.id
//进行API调用等
},
提交形式（）{
//构建表单数据
常量formData={
…此.formData，
开户银行：this.selectedBank.code
}
//提交表格等
}
}

---

请参见

是否可以绑定数据属性<代码>：databank id=“bank.id”您能否更新问题以显示您所描述的内容？最有效的解决方案可能取决于第二个

select

如何绑定到表单数据和提交方法中。@Daniel_Knights这正是我要寻找的。添加该选项，然后获得所选选项的属性。