iView——表单校验是否为空填坑

最新推荐文章于 2023-11-17 15:23:33 发布

阿呱Zoe

最新推荐文章于 2023-11-17 15:23:33 发布

阅读量1.1k

点赞数 1

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_41383999/article/details/124295430

版权

本文介绍了在使用iView Form表单校验时遇到的问题，包括规则设置、数据类型指定、触发条件的调整。特别指出，当select组件出现校验错误时，可能是因为默认校验类型为String而非实际的number。同时，对于特殊场景，如直接复制或提交时校验，可以通过添加change触发器来完善校验逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iView Form 表单校验注意点

设置 rules, 并制定 prop

<Form ref="topicForm" :model="topicForm" :rules="topicFormValidate" :label-width="80">
  <FormItem label="名称" prop="topicName">
    <Input
           type="text"
           v-model="topicForm.topicName"
           placeholder="请输入名称"
           style="width: 180px"
           />
  </FormItem>
</Form>

代码校验与重置

// 校验
this.$refs.topicForm.validate(valid => {
   
 if (valid) {
   
   ...
 }
}
// 重置
this.$refs.topicForm.resetFields();
自定义校验
export default {
   
  name: "add-topic",
  data() {