0


1、这是一个vue弹出层
2、如图,element-ui【如何把已经触发的验证在点关闭按钮的时候取消掉】。
3、这是使用的 async-validator 但是我看不大懂英文文档

5个回答

4

已采纳

我之前也做过类似的,在点击关闭的时候,如1/2楼所说,给form加一个ref属性,然后在取消事件里面写this.$refs['refname'].resetFields()。也可以在当弹出层刚打开的时候,this.$refs['refname'].resetFields(),也能达到效果

2

this.$refs.form.reset()

2

你给form加一个ref属性 = refname;
模态框打开的事件添加 以下代码即可.
this.$nextTick(() => { //等待dom同步后打开模态框
this.$refs['refname'].resetFields(); //此方法需要模态框加载完成后才可以执行
})

1

像一楼写的那样,你给form加一个ref属性,然后在取消事件里面写this.$refs['refname'].resetFields()

0

我自己再来答一发,后来仔细阅读了一下element-ui发现了这么一个按钮

<el-button @click="resetForm('dynamicValidateForm')">重置</el-button>

用来重置表单的

撰写答案