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>

---------------------------------------------
生活的意义并不是与他人争高下，而在于享受努力实现目标的过程，结果是对自己行动的嘉奖。
↑面的话，越看越不痛快，应该这么说：

生活的意义就是你自己知道你要做什么，明确目标。没有目标，后面都是瞎扯！

新博客 https://www.VuejsDev.com 用于梳理知识点