Vue.js vue js表达式中的算法

Vue.js vue js表达式中的算法,vue.js,vuejs2,vuejs3,Vue.js,Vuejs2,Vuejs3,我有一些html代码,我正在显示一些类似这样的值 <h4 class="text-dark pull-right"> <strong>USD {{item.addbedrooms[0].the_price_per_night }}</strong> </h4> USD{{item.add卧室[0]。每晚的价格} 我从一个只允许一个人像上面那样显示数据的web服务中获得了显示值。有没有一种方法可以对表达式

我有一些html代码,我正在显示一些类似这样的值

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

USD{{item.add卧室[0]。每晚的价格}
我从一个只允许一个人像上面那样显示数据的web服务中获得了显示值。有没有一种方法可以对表达式做一些算术运算,比如

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

USD{{item.addbeddomies[0]。每晚的价格}x{{duration}

这将产生
27美元*1
,而不是乘法。是否可以在此级别上进行多次复制?

{{}
输出的任何内容都将转换为模板中的字符串。您可以通过在
{{}


USD{{item.addbeddomies[0]。每晚的价格*持续时间}

但是我建议你通过一个
计算的
来优化你的数组,不要在你的模板中添加任何方法。

USD{{item.addbeddrooms[0]。每晚的价格x持续时间}
这不管用吗?@scar-2018不管用。这甚至是一个错误。虽然USD{{{item.addbeddooms[0]有效,{price{u per_night*duration}它应该是星号,算术运算应该在{{}中起作用