vue-element（5）el-form 组件 检校数字

 假设，有一个输入（el-input）的邮编必须是数字的需求。

 <el-form-item prop="zipCode" label="邮编 :">
     <el-input 
          placeholder="请输入邮编" 
          maxlength="6"
          v-model="trafficForm.zipCode">
      </el-input>
</el-form-item>

zipCode: [
    {required: true, message: '请输入邮编', trigger: 'blur'},
    { type: 'number', message: '必须为数字值'}
],

为什么会出现如上错误呢？？

因为对于数字类型的校验，需要在 v-model 处加上 .number 的修饰符，这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符。

<el-form-item prop="zipCode" label="邮编 :">
     <el-input 
          placeholder="请输入邮编" 
          maxlength="6"
          v-model.number="trafficForm.zipCode">
      </el-input>
</el-form-item>

 

来源：CSDN

作者：JonesZon

链接：https://blog.csdn.net/sinat_41838539/article/details/104727948