vue js表达式中的算术答案

【问题标题】：Arithmetic inside vue js expressionsvue js表达式中的算术
【发布时间】：2021-06-02 14:55:18
【问题描述】：

我有一些 html 代码，我正在显示一些像这样的值

 <h4 class="text-dark pull-right">
        <strong>USD {{item.addbedrooms[0].the_price_per_night }}</strong>
 </h4>

我从一项 Web 服务中获得了显示的值，该服务只允许显示上述数据。有没有办法我可以对表达式做一些算术，比如

<strong>USD {{item.addbedrooms[0].the_price_per_night }} x {{duration}} </strong>

这会产生USD 27*1 而不是乘法。这个级别可以复数吗？

【问题讨论】：

<strong>USD {{item.addbedrooms[0].the_price_per_night x duration}} </strong> 这不行吗？
@scar-2018 不，不是。它甚至是一个错误。
这工作虽然 USD {{item.addbedrooms[0].the_price_per_night * duration}} 它应该是一个星号
是的，算术运算应该在 {{}} 中工作

【解决方案1】：

您从{{ }} 输出的任何内容都将转换为模板中的字符串。您可以通过在{{ }} 中进行算术运算来完成此操作

<strong>USD {{item.addbedrooms[0].the_price_per_night * duration}} </strong>

但我建议您通过 computed 优化您的数组，不要在模板中添加任何方法。

【讨论】：