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>
posted @ 2023-03-20 10:53  彭成刚  阅读(294)  评论(0编辑  收藏  举报