vue 添加新的 规则验证

  alipay: [
                        {required: true, message: '请输入支付宝费率', trigger: 'blur'},
                        {min: 0.2, max: 0.6, message: '百分比0.2 ~ 0.6 之间', trigger: 'blur'},
                        {type:'number',message: '请输入数字'}
                    ],

  <el-form-item label="支付宝费率" prop="alipay">
                            <el-input  v-model.number="form.alipay" style="width: 380px;"
                                      placeholder="百分比0.2~0.6之间"></el-input>
                            <span style="color: red; margin-left: 5px;">%</span>
                        </el-form-item>

v-model下 .规则 .number

 new Vue({
        el: '#page',
        data: function () {
            var wx = (rule, value, callback) => {
                if (value >= 0.2 && value <= 0.6) {
                    callback();
                } else {
                    callback(new Error('百分比0.2 ~ 0.6 之间'));
                }
            };
var phone = (rule, value, callback) => {
                const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
                if (reg.test(value)) {
                    callback();
                } else {
                    return callback(new Error('请输入正确的手机号'));
                }
            };

            var id_card = (rule, value, callback) => {
                const reg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
                if (reg.test(value)) {
                    callback();
                } else {
                    return callback(new Error('请输入正确的身份证号'));
                }
            };
            var bankcard = (rule, value, callback) => {
                const reg = /^([1-9]{1})(\d{14}|\d{18})$/;
                if (reg.test(value)) {
                    callback();
                } else {
                    return callback(new Error('请输入正确的银行卡号'));
                }
            };
            return {
                form: {
                    name: '',
                    sign: '',
                    type: '',
                    wxpay: '',
                    alipay: '',
                    real_name: '',
                    phone: '',
                    province_name: '',
                    city_name: '',
                    district_name: '',
                    province: '',
                    city: '',
                    district: '',
                    address: '',
                    iseffective: '',
                    begintime: '',
                    endtime: '',
                    banklist: '',
                    bank: '',
                    bank_name: '',
                    bankcard: '',
                    id_card: '',
                },

                rules: {
                    name: [
                        {required: true, message: '请输入代理商名称', trigger: 'blur'}
                    ],
                    sign:
                        [
                            {required: true, message: '请选择是否签约', trigger: 'blur'}
                        ],
                    type:
                        [
                            {required: true, message: '请选择合作类型', trigger: 'blur'}
                        ],
                    wxpay:
                        [
                            {validator: wx, trigger: 'blur'}
                            // {required: true, message: '请输入微信费率', trigger: 'blur'},
                            // {min: 0.2, max: 0.6, message: '百分比0.2 ~ 0.6 之间', trigger: 'blur'}
                            // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
                        ],
                    alipay:
                        [
                            {required: true, message: '请输入支付宝费率', trigger: 'blur'},
                        ],
                    real_name:
                        [
                            {required: true, message: '请输入联系人名称', trigger: 'blur'}
                        ],
                    phone:
                        [
                            {required: true, message: '请输入联系电话', trigger: 'blur'}
                        ],
                }
            }
        },