vue项目引用 iView 组件——Form表单的单验证以及循环验证

最新推荐文章于 2023-09-01 15:35:52 发布

WXY19951125

最新推荐文章于 2023-09-01 15:35:52 发布

阅读量4.1k

点赞数 1

文章标签： vue iview Form validate

本文链接：https://blog.youkuaiyun.com/WXY19951125/article/details/84974718

版权

本文介绍了如何在Vue项目中利用iView库进行Form表单的单个验证和循环验证，详细阐述了单表单验证与多表单循环验证的实现过程，并提供了部分重置表单输入框的方法。同时，分享了关于循环验证的原始参考资料链接。

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

Form表单的单验证（也就是有一个表单）

<template>
  <div>
    <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80">
        <FormItem label="Name" prop="name">
            <Input v-model="formValidate.name" placeholder="Enter your name"></Input>
        </FormItem>
        <FormItem label="E-mail" prop="mail">
            <Input v-model="formValidate.mail" placeholder="Enter your e-mail"></Input>
        </FormItem>
    </Form>
    <Button type="primary" @click.native="handleSubmit('formValidate')">Submit</Button>
    <Button type="ghost" @click.native="handleReset('formValidate')" style="margin-lef