2020-04-28 element input框 数字校验

<el-form
    ref="dataForm"
    :rules="rules"
    :model="temp1"
    label-position="right"
    label-width="100px"
    status-icon
    style="margin-top: 2%;"
  >
    <el-form-item label="进度:" prop="percentage">
      <el-input v-model="temp1.percentage" show-word-limit onkeyup="this.value=this.value.replace(/[^\d]/g,'');">
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
</el-form>

data() {
    const validateAcquaintance = (rule, value, callback) => {
      if (value < 0 || value > 100) {
        callback(new Error('进度不能大于100%'))
      } else {
        callback()
      }
    }
    return {
      // 校验
      rules: {
        percentage: [{ validator: validateAcquaintance, trigger: 'blur' }, { required: true, message: '进度不能为空', trigger: 'blur' }]
      }
    }
  }