input限制小数点的位数


在做限制input小数点的时候,我本来想通过vue里面的的watch监听来实现, ---实现逻辑是,通过监听输入的内容,当出现"."(点)的时候,记录通过indexOf获取点的位置,然后通过

substring

截取从0位到indexOf获取的点的位置后面几位的数据 . 这样虽然实现了,但是会闪动,会先显示出多一位小数之后再显示想要的小数.

代码是这样的:

   integralNum:function(val){
       if (val) {
           if(val.indexOf(".") != -1){
           vm.integralNum = val.substring(0,val.indexOf(".") + 3)
         }
     }
  },        

  

后面通过@input解决了这个闪动,代码是这样的:

<input id="point_num" type="number" placeholder="积分数量" @input="oninput" value="" onpaste="" />

  

oninput:function(e){
     e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
},

  

优质内容筛选与推荐>>
1、Q64 最小路径和
2、mysql 之库, 表的简易操作
3、bzoj2330 [SCOI2011]糖果
4、MOSS(SharePoint2007)中BDC编辑工具发布
5、数据库操作


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn