我是 Vue 框架的新手。我的要求是在输入框中添加货币格式。
格式化:
我需要在焦点外添加一个带有两个零的小数,并在焦点内删除零。 v-modal 值不应更改,因为此格式仅用于用户显示。
我发现这个解决方案非常接近我的要求: https://jsfiddle.net/mani04/w6oo9b6j 。只有两件事我无法实现。
我想像这样使用它:
<my-currency-input id="test1" name="test2" v-model="price" v-validate="required|numeric” ></my-currency-input>
在这里,如果用户输入 35.7896,它就会变成 35.79。根据我的要求,它应该保持为 35.7896,因为它已经有小数了。当用户输入数字时,它应该只添加小数。
我怎样才能做到这一点?我应该为此使用 Vue 指令吗?
https://jsfiddle.net/mani04/w6oo9b6j/
我想要这样的东西
<my-currency-input id="test1" name="test2" v-model="price" v-validate="required|numeric” ></my-currency-input>
最佳答案
我认为您可以使用 {{ parseFloat.($variable).toFixed(2) }},对于 vue.js 的十进制数来说很简单。你可以试试这个。
关于vue.js - Vue 框架中的十进制格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56007730/