Vue + Element UI 页面数字校验

Vue + Element UI 页面数字校验

校验sort必须为数字，并在数据回显时，可以正常使用
直接定义sort为number类型，还可以使用自定义的正则表达式

1. 推荐使用v-model.number进行数据的绑定在Vue的data

   <el-form-item label="排序" prop="sort">
     <el-input v-model.number="sort" placeholder="排序"></el-input>
   </el-form-item>
   

2. 使用自定义的正则表达式

   rules: {
     sort: [
        { required: true, message: "请输入排序", trigger: 'blur' },
        { type: 'number', pattern: '^[0-9]*$', message: '请输入数字', trigger: 'blur' },
      ],
   },