iview验证的问题

Question

表单输入的时候，输入空格是可以的，怎么办？
代码：

 <Col span="23">
              <FormItem label="监测部位：" prop="site">
                <Input placeholder="请输入" v-model="formDialy.site"></Input>
              </FormItem>
            </Col>
 site: [
            { required: true, message: '请输入监测部位', trigger: 'blur' }
          ],

输入空格后，可以保存成功怎么办？

Answer 1

猜测你提交的时候并没有先调用表单校验的方法。

 this.$refs[name].validate((valid) => {
        if (valid) {
            this.$Message.success('Success!');
            // 到这里才进行提交表单
        } else {
            this.$Message.error('Fail!');
        }
    })