在Vue.js项目中，我无法获得正确的乘法结果

Question

在我的vue.js项目中，数字* 100得错了号码。

在我的模板中：

<div class="res-show">
  总共折点: <span style="color:#ed3f14">{{ discount_point_total }}</span> <br>
  相当于折扣掉总价: <span>{{discount_point_total * 100}}%</span>
</div>

在我的剧本中：

export default{
    data(){
      return {
        discount_point_total:0.022
        ...

Answer 1

浮点数精度丢失，您可以使用此方法来避免问题：

<span>{{ Math.round(discount_point_total * 100 * 100) / 100 }}%</span>

Answer 2

或者，使用toFixed

<span>{{ (discount_point_total*100).toFixed(2) }}%</span>

Answer 3

使用toFixed    {{（0.022 * 100）.toFixed（2）}}％

请注意，此方法的返回值是一个字符串。使用它时请记住parseFloat。您需要了解有关ECMA Script基础的更多信息。