html - 内容渲染期间 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。

标签： htmlvue.js