input框中输入价格保留小数点后两位数(默认保留两位小数)

2023年2月18日 156次阅读 来源: cuteApril

input输入价格的时候如果我们不做处理是可以输入无限个小数点的,而价格的输入只能有一个小数点,所以我做了点处理
《input框中输入价格保留小数点后两位数(默认保留两位小数)》这里是我处理后,初始化的情况下的效果
《input框中输入价格保留小数点后两位数(默认保留两位小数)》
最终效果
《input框中输入价格保留小数点后两位数(默认保留两位小数)》这是实现效果的代码贴图

<a-input-number
                style="width: 100%"
                v-model="addObj.data.discount"
                @change="changeDiscount"
                :formatter="
                  (value) => `${ value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')
                "
                :parser="(value) => `${value}`.replace(/\$\s?|(,*)/g, '')"
                :precision="2"
              ></a-input-number>

这是现实的效果代码

    原文作者：cuteApril
    原文地址: https://blog.csdn.net/weixin_44020340/article/details/126136380
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞