iview中modal新增、修改共用校验规则清除

news/2024/7/10 0:07:03 标签: vue, iview, modal

xlecho编辑整理,欢迎转载,转载请声明文章来源。欢迎添加echo微信(微信号:t2421499075)交流学习。 百战不败,依不自称常胜,百败不颓,依能奋力前行。——这才是真正的堪称强大!!


<Modal v-model="showDialog" :title="modalTitle" :mask-closable="false">
    <Form v-if="showDialog" ref="formData" :model="formData" :rules="ruleValidate" label-position="top">
        <FormItem label="姓名:" prop="name">
             <Input type="text" v-model="formData.name"/>
         </FormItem>
         <FormItem label="年龄:" prop="age">
             <Input type="text" v-model="formData.age"/>
         </FormItem>
    </Form>
</Modal>

只需要在From标签上加上v-if="showDialog"这句代码,当关闭弹框时showDialog=false,再次打开弹框是showDialog置为true,这样每次打开弹框它都会生成一个新的表单。


http://www.niftyadmin.cn/n/1639065.html

相关文章

使用ANT发布项目

通常在eclipse中开发的web工程&#xff0c;测试的时候都会直接采用右键点击工程名称 -> run as -> on server -> 选择tomcat./jboss -> 启动运行 的方式&#xff0c;在开发阶段&#xff0c;这样的方式不但方便&#xff0c;而且基本上很多的问题都是eclipse帮我们完…

MyBatis配置mybatis-config中mappers报错-解决方案

xlecho编辑整理&#xff0c;欢迎转载&#xff0c;转载请声明文章来源。欢迎添加echo微信(微信号&#xff1a;t2421499075)交流学习。 百战不败&#xff0c;依不自称常胜&#xff0c;百败不颓&#xff0c;依能奋力前行。——这才是真正的堪称强大&#xff01;&#xff01; 在项目…

[Discuz]论坛搭建step by step

摘要&#xff1a;本文介绍如何从头开始搭建Discuz论坛&#xff0c;涉及具体内容为apache php tomcat mysql 等工具的配置和使用。 步骤&#xff1a; 1、环境配置以及基础工具安装 2、整合配置 3、安装Discuz 4、相关问题解决 1、环境配置以及基础工具安装 ------------…

MyBatis获取新增数据ID的几种方法

xlecho编辑整理&#xff0c;欢迎转载&#xff0c;转载请声明文章来源。欢迎添加echo微信(微信号&#xff1a;t2421499075)交流学习。 百战不败&#xff0c;依不自称常胜&#xff0c;百败不颓&#xff0c;依能奋力前行。——这才是真正的堪称强大&#xff01;&#xff01; 参考书…

代码之丑(九)——退让的缩进

这是一个让我纠结了很久的话题&#xff1a;缩进。 for (int j 0; j < attributes.size(); j) {Attr *attr attributes.get(j);if (attr NULL ) {continue;}int IsCallFunc -1;if(attr->status() STATUS_NEW || attr->status() STATUS_MODIFIED) {if(strcmp(attr…

MyBatis注解开发报错org.apache.ibatis.builder.IncompleteElementException-解决方案

xlecho编辑整理&#xff0c;欢迎转载&#xff0c;转载请声明文章来源。欢迎添加echo微信(微信号&#xff1a;t2421499075)交流学习。 百战不败&#xff0c;依不自称常胜&#xff0c;百败不颓&#xff0c;依能奋力前行。——这才是真正的堪称强大&#xff01;&#xff01; 出现错…

推荐一个不错的免费svn服务器unfuddle

www.unfuddle.com 经测试&#xff0c;速度还可以 对于本人开发的B2C商城&#xff0c;你可以通过 svn co http://normandy.unfuddle.com/svn/normandy_normandypositionii/NormandyPositionII 获取&#xff0c;具体的账户名密码申请请发送邮件至 quzishengmail.com

MyBatis注解开发-获取刚插入数据的主键

xlecho编辑整理&#xff0c;欢迎转载&#xff0c;转载请声明文章来源。欢迎添加echo微信(微信号&#xff1a;t2421499075)交流学习。 百战不败&#xff0c;依不自称常胜&#xff0c;百败不颓&#xff0c;依能奋力前行。——这才是真正的堪称强大&#xff01;&#xff01;&#…