首页 前端知识 vue只保留小数点后两位

vue只保留小数点后两位

2024-05-05 12:05:49 前端知识 前端哥 524 407 我要收藏

1.在input上绑定

<el-input v-model="accountFee" type="number" @input="validateInput($event,index)" placeholder="0.00"></el-input>

2.data中设置绑定的内容

 data () {
 return {
 accountFee:''
}
}

3.输入时随时监听,小数点后超出两位不允许输入

   validateInput(e, index) {
           // 使用正则表达式匹配并移除非数字和多余小数点字符
     let value = e;
      // 用正则表达式保留小数点后两位数字
      value = value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
     this.accountFee = value;
    
    }
转载请注明出处或者链接地址:https://www.qianduange.cn//article/6961.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!