iview Input 必填不能未空 不能输入空格 v-model.trim required: true

iview Input 必填不能未空 不能输入空格 v-model.trim required: true

需求

测试在验证必填的时候，会输入一个空格，本着空格不算内容的原则，会提一个bug

解决方案

1. v-model.trim 数据trim一下
2. rules required: true

总结

这种小细节经过被忽略，正规的解决方案是Input封装个组件，把默认值都写进去，别用默认Input组件

代码

<FormItem label="姓名："
                  :rules="[{ required: true, message: '姓名不能为空', trigger: 'blur' }]"
                  prop="a0101">
          <Input v-model.trim="formData.yourName"
                 :maxlength="32"
                 placeholder="请输入姓名"></Input>
        </FormItem>