elementUI对话框dialog实现“添加”功能时,关闭之后清空之前验证结果(某些输入框验证失败,出现红色提示文字)

方法一:给 dialog 绑定一个v-if,使对话框重新加载一遍

<el-dialog 
	title="添加抄表本" 
	:visible.sync="dialogAdd"  
	v-if="dialogAdd" 
	:before-close="handleCloseAdd">
</el-dialog>

方法二:vue表单自带的重置表单方法

			   this.$refs['表单属性ref绑定的表单名字'].resetFields();
<el-dialog
      	title="增加新的电价"
      	:visible.sync="AddDialogVisible"
      	width="30%"
      	:before-close="handleClose">
		<el-form ref="addForm" :rules="rules" :model="addForm" :label-width="labelWidth">
		        <el-form-item label="电价" prop="cdj">
		             <el-input v-model="addForm.cdj"></el-input>
		        </el-form-item>
		</el-form>
		<span slot="footer" class="dialog-footer">
                <el-button @click="cancelAdd">取 消</el-button>
                <el-button type="primary" @click="addOK">确 定</el-button>
        </span>
</el-dialog>

<script>
	export default {
		methods{
			cancelAdd(){
	        	this.AddDialogVisible = false
	            this.$refs['addForm'].resetFields();
	        },
	        handleClose(done){
	            this.$refs['addForm'].resetFields();
	            done();
	        },
		}
	}
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值