在VueJS中进行奇怪的计算

时间:2018-06-14 21:27:59

标签: javascript vue.js vue-component

我正在尝试在文本字段中输入美元金额,例如“515.05”,并将其转换为与美分相同的值。所以上面的例子是 51505

问题是当我乘以x 100的数量时,上面的例子又回来了51504.99999999999

我正在使用Vue,这里是示例https://codepen.io/andrew-ex/pen/XYaOjM (只需在文本框中输入505.05即可查看错误。)

这是我的示例代码。

HTML

<div id="hello-world-app">
    <input v-model="amt" />
    <div>{{ fullAmt }}</div>
</div>

Javascript

new Vue({
   el: "#hello-world-app",
     data() {
       return {
         amt: 0
     };
   },

   computed: {
     fullAmt(){
       return this.amt * 100
     }
   }
});

0 个答案:

没有答案