element input框限制只能输入数字和保留小数

前端辣白菜

于 2022-01-13 13:38:17 发布

阅读量912

点赞数 2

分类专栏： vue后台管理开发笔记文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_42484657/article/details/122471939

版权

vue后台管理开发笔记专栏收录该内容

13 篇文章

订阅专栏

使用onkeyup将每次输入非数字转成数字

使用blur将输入完成时的数字保留小数位

    <el-input
        v-model="formInline.miniunitprice"
        maxlength="12"
        onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"
        placeholder="请输入价格变动单位"
        @blur="fixedNum($event.target,5)"
    />

  fixedNum(e, num) {
      e.value = Number(e.value).toFixed(num);
    }