iview Input 必填不能未空 不能输入空格 v-model.trim required: true
iview Input 必填不能未空 不能输入空格 v-model.trim required: true
需求
测试在验证必填的时候,会输入一个空格,本着空格不算内容的原则,会提一个bug
解决方案
v-model.trim
数据trim一下- 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://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)