element ui 扩展金额输入组件
Element UI 的input 输入框合适作为金额输入框的类型有type=number 和type=text两种，其中type=number会在右边增加一个上下按钮提供加减，个人认为不是很美观，于是采用type=text来实现。
采用type=text需要注意很多地方：
1、只能输入数字、小数点及负号；
2、小数点只能输入一次，不能出现在开头位置；
3、负号只能输入一次，只能出现在开始位置；
4、只能输入到小数点后两位；
5、不能以小数点结尾；
6、0开头或者-0开头后第二个字符只能是小数点
对于上面的条件，均可在input的原生时间keypress事件中处理，这样会比较符合常理，另外需要注意中文切换后keypress事件无法监听，需要在keyup事件中对结果进行过滤。
下面是vue代码：
v-bind 和 v-on 集成原有el-input 相关属性和事件，另外在双向绑定时需要将传入值转成字符串，不然keypress事件会出现错误。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！