vue+element 怎么给输入框添加限制，限制输入数值大小不超过9999.999，最多三位小数，不能输入除数字和小数点以外的值

img


img


可以直接在el-input里面添加限制吗，需要加什么吗，还是需要写在rules里面，加什么方法吗，那如果是方法那又要怎么写，help，能不能说得清楚一点

el-form上有一个rules属性，应把校验规则配置在里面，代码示例如下（校验规则我仅举例，你根据你自己的业务需求修改）
1、data部分

rules:{
  rate: [
          { required: true, message: '请输入比率>', trigger: 'change' },
          {
            validator: this.checkRate,
            trigger: 'change'
          }
        ],
}

2、methods 部分

// 验证厚度
    checkMinValue() {
      return new Promise((resolve, reject) => {
          if (这里写不符合规则的规则判断) {
            reject(new Error('请输入正确的值'))
          } else {
// 正确值，则直接返回
            resolve()
          }
      })
    },

3、点击提交后，触发校验（这里我就以文档的截图为例了）

img