vue验证最多保留2位小数的数值

<template>

<el-form

        :model="form"

        :rules="formRules"

        ref="addFormRef"

        label-width="180px">

 <el-form-item label="距离（km）" prop="distance">

                    <el-input v-model.trim="form.distance" clearable></el-input>

                </el-form-item>

</el-form>

</template>

export default {

 data() {

        return {

            form: {

                distance: null,            

            },

            formRules: this.validator(),

    },

methods: {

          checkvalue(rule, value, callback){

            if (!value) return callback(new Error('请输入距离（km）'));

            let reg = /^(?!(0[0-9]{0,}$))[0-9]{1,}[.]{0,1}[0-9]{0,2}$/;

            if (!reg.test(value))callback(new Error('请输入数字值,最多保留2位小数'));

            else  callback();

        },

validator() {

            return {

 distance: [{

                    required: true,

                    validator:this.checkvalue,

                    trigger: "blur"

                }],

}

}

}