内容渲染期间Vue.js的浮点数不准确

Question

我正在通过API请求值。像这样：array = [{'value'：4.3}，...]。这些数字也可以在调试模式下以及console.log输出或API响应中正确显示。

然后我在前端使用此代码：

                    <tr>
                        <th scope="col"></th>
                        <td  scope="col" v-for="(value, key) in array">
                            <span> {{ value }}</span>
                        </td>
                    </tr>

渲染后我看到“ 4.3”。

但是，如果我这样更改它：

                    <tr>
                        <th scope="col"></th>
                        <td  scope="col" v-for="(value, key) in aindex_array">
                            <span> {{ 6 - value }}</span>
                        </td>
                    </tr>

渲染后我看到“ 1.7000000000000002”。

与我使用“ 6.0”相同。

奇怪的事情，它发生的不是全部数字，而是仅部分数字。这是什么，我该如何避免？

在相关的情况下：API的后端是Gunicorn和Flask。