我需要一个按钮来使用vue.js更改货币

这是我第一次在这里提问，所以请为我的错误道歉

使用vue我得到一个Json

[{}“价格/美元”：110000，“价格/美元”：4786100，}]

我有这个：

 <div class="col-5">
  <span id="valueUSD"> USD {{car_actual.price_usd}} </span>
 </div>

美元{汽车实际价格{美元}

当我点击一个按钮时，我需要更改：

<span id="valorUSD"> USD {{car_actual.price_usd}} </span>

USD{{car\u actual.price\u USD}

为此：

<span id="valueUYU"> UYU {{car_actual.price_uyu}} </span>

UYU{{car\u actual.price\u UYU}

如果我再次单击，我需要返回

如果你需要进一步的信息，请告诉我

---

谢谢。

我可能会这样做

{{货币}
{{selectedCurrency}{{getCarPrice（car）}}
导出默认值{
数据（）{
返回{
卡多塔：[
{“price_usd”：110000，“price_uyu”：4786100}，//每个对象都是一辆汽车
...
],
所选货币：“美元”，
支持的货币：['USD'，'UYU']
}
},
方法：{
选择货币（货币）{
this.selectedCurrency=货币
},
盖特卡普里斯（汽车）{
开关（此。选择的货币）{
“美元”一案：
还车价格(美元)
案例“UYU”：
还车价格
违约：
返回“没有可用的定价”+此.selectedCurrency
}
}
}
}

需要注意的一点是，您可能可以改进

getCarPrice

，以使用

supportedCurrencies

进行扩展，而不需要在添加新货币时更新代码的两个不同部分

另外，

selectedCurrency

是硬编码的，因此如果您计划使用动态默认值（可能每个用户都以自己的货币看到），那么考虑将所有内容移动到子组件中，并在从服务器检索默认货币后将其作为道具传递

除此之外，如果你只打算支持两种货币，这可能就足够了