element-ui校验表单项为数字校验

来源:网络 文章列表 2020-11-30 8
element-ui校验表单项为数字校验

html页面部分

<el-form ref="form" :model="form" label-width="200px">
  <el-form-item prop="num">
    <el-input v-model="form.num" ></el-input>
  </el-form-item>
</el-form>

js实现部分 

export default {
  data() {
    var checkNum = (rule, value, callback) => {
      console.log("value", value - 0);
      if (isNaN(value)) {
        return callback("请输入数字");
      }
      return callback();
    },
    return {
      rules:{
        num: [
          { required: true, message: "请输入数字", trigger: "blur" },
          { validator: checkNum, trigger: "blur"}
        ]
      }
    }
  }
}

 

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论