问题场景:
- InputNumber组件在设置precision精度后,每次输入都会自动填充导致光标后移,影响输入体验。
代码
<InputNumber :precision="2" :min="0.01" style="width:100%" v-model="value"/>
期待效果:
- 如输入1.22就直接输入,如输入1,则变为1而不是1.00。
解决办法(改写源码)
//重写iview InputNumber浮点方法
iView.InputNumber.computed.precisionValue = function () {
let arr = (this.currentValue + '').split('.')
if (this.precision && arr[1] && this.precision < arr[1].length)
return this.currentValue.toFixed(this.precision)
return this.currentValue;
};