Question

使用组件，当我输入内容时，它有一个限制条件，只有输入数字长度为8，而只有2个小数点，例如，可以输入123.45，不能输入123.456。

 <input :type="type"
           v-model="inputValue"
           :max-length="maxInputLength"
           :maxlength="maxInputLength"
           :placeholder="rightPlaceholder"
           :class="['input', disabled ? 'input-style-disabled' : '']"
           :disabled="disabled"
           @input="onTextChange"/>

数据是：

 data () {
        return {
            inputValue:'', //input value
        }
    },
    mounted(){
        if(this.value) {
            this.inputValue = this.value;
        }
    },
    methods:{
        formatAmount(value){
            let result;
            if (value.indexOf(".") > 0 && value.length - value.indexOf(".") >= 4){
                result = value.substr(0,value.indexOf('.') + 3);
                // fValue = value.toFixed(2);
                Log.d("formatAmount",result);
            }else {
                result = value;
                Log.d("formatAmount else",result);
            }
            return result;
        },
        onTextChange() {
            setTimeout(() => {
                this.inputValue = this.formatAmount(this.inputValue);
                this.$emit("onTextChange",this.inputValue);
            }, 10);
        }
    }

全部，只有当两点变为三点时才可以输入三点。

它是如何工作的，需要help.thx。

Answer 1

您可以在（。）上使用数组拆分，然后检查arr [1] .length <= 2和arr [0] .length <= 6。或使用regex /^\d+(.\d{1,2 }）？$ / 2个小数点；

weex输入数量限制

1 个答案: