Vue Input输入框设置只能输入数字及小数

最新推荐文章于 2024-09-12 10:40:12 发布

语不惊人死不茠

最新推荐文章于 2024-09-12 10:40:12 发布

阅读量1w

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_36518259/article/details/89437793

版权

Vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

 <div class="form-group">
      <label for="basic">资产价值(万元)</label>
      <input  type="number"   step="0.1" id="basic" v-model.number="assetMessage.value" 
 class="form-control" required="" placeholder="资产价值" >
</div>

watch:{
            'assetMessage.value':function (newVal,oldVal) {
                // 解决数字键盘可以输入输入多个小数点问题
                if(newVal==='' && oldVal.toString().indexOf('.')>0){
                    this.assetMessage.value = oldVal;
                    return ;
                }
                // 保留两位小数
                if(newVal){
                    newVal = newVal.toString();
                    var pointIndex =  newVal.indexOf('.');
                    if(pointIndex>0 && (newVal.length - pointIndex)>3){
                        this.assetMessage.value = oldVal;
                        return ;
                    }
                }
                // 最大值
                if(newVal>999999){
                    this.assetMessage.value = oldVal;
                    return ;
                }
            }
        }

Wathch ：代码是之前借用的别的大佬的文章。用了之后有点小问题。所以我加了 step 步长解决了我自己的问题。