vue纯数字input

vue实现只能输入数字

最近项目中需要实现一个元和分的转换,要求存储使用分,显示使用元。意外发现了一个实现input 只能输入纯数字的方案


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
computed: {
money: {
//pay-content组件金额以分为单位,当前组件以元为单位,因此需要转换
get() {
//返回元为单位
return this.payData.totalAmount / 100;
},
set(value) {
this.payData.totalAmount = parseFloat(value) * 100;
console.log(
`money set ${value} ${parseFloat(value)} this.total=${
this.payData.totalAmount
}`
);
// if(value.endsWith('.')){
// this.payData.totalAmount = parseFloat(value.substring()) * 100;
// }
}
}
},

vue纯数字input
http://blog.inkroom.cn/2020/05/13/1REFGMK.html
作者
inkbox
发布于
2020年5月13日
许可协议