If the amount exceeds 6 digits after the decimal point, only 6 digits will be reserved, and if it is less than 6 digits, it will remain the same - Basic accumulation

Today's test raised a small requirement ： The amount exceeds... After the decimal point 6 When a , Only keep 6 position , Less than 6 Bits remain the same

The structure shown in the figure above , This amount parameter , If there is a decimal point , And more than... After the decimal point 6 digit , Then intercept the first six digits , Otherwise, maintain the original value .

<el-input-number style="width:200px;" v-model.trim="ruleForm.price" @@blur="priceBlur" :min="0" :step="1" size="mini" placeholder=" Single set amount "></el-input-number>

Listen for out of focus events of this component ：blur

priceBlur(e) {
    
    var val = e.target.value;
    if (val) {
    
        var index = val.indexOf('.');
        if (index > -1) {
    
            var arr = val.split('.');
            var num = arr[1];
            if (num.length > 6) {
    
                this.ruleForm.price = arr[0] + '.' + num.substr(0, 6);
            } else {
    
                this.ruleForm.price = val;
            }
        } else {
    
            this.ruleForm.price = val;
        }
    }
},

complete ！！！

It suddenly occurred to me that when I first came to the company , The director who interviewed me asked me a question like this , My answer at the time was ：toFixed(x), Keep as many as you want . Feel this problem , It would be better to use the above method .