Vue-是否可以将数据属性传递到要修改的方法中



我有一个显示4个独立代币余额的组件。我想要一个这样的功能:

async updateTokenBalance(token, balance) {
balance = await getTokenBalance(token);
balance = balance.value.uiAmount;
}

我可以这样称呼它:

updateTokenBalance(this.a_acc, this.a_balance);
updateTokenBalance(this.b_acc, this.b_balance);
updateTokenBalance(this.c_acc, this.c_balance);
updateTokenBalance(this.d_acc, this.d_balance);

不幸的是,这似乎不起作用。到目前为止,我让它工作的唯一方法是拥有4个独立的功能:

async updateATokenBalance() {
let balance = await getTokenBalance(this.a_acc);
this.a_balance = balance.value.uiAmount;
}
// the other 3 analogous

特别是,在函数的第二行,我试图将余额分配给this.a_balance的数据属性,如果this.a_balance作为arg传入,则该属性将中断。

有办法让它发挥作用吗?

如果您的数据来自API,您应该在传入对象列表中迭代,并使用类似的参数为每个项运行函数。

最新更新