问题来源： 点击按钮 打开 dialog时需要重置嵌入的表单， <el-dialog title="课程信息修改" :visible="courseconfirm ...

描述： 最近在使用Element-UI 的 Form 组件时，遇到了给清空按钮设置了resetFields()，点击却无法生效的问题 解决： 表单项 el-form-item 的 prop 属性值应该与表单项内部控件的 v-model 保持一致 总结： 重置 ...

情境：有个弹出框dialog，里面是个表单，你想关闭的时候清空所填内容~ Dialog 组件有个关闭时的回调函数close： //关闭dialog，重置表单 resetRegisterForm(){ 　　//得到表单实例，并调用表单重置方法resetFields ...

...

平时在使用iview或者vue重置表单是时，我会习惯使用 但是直接这样写上去方法是不起作用的， 内容必须要在每个form-item里加上prop属性，并且与你v-model的值相同才可以生效 例如: iview代码段： 或者 只需在关闭弹框 ...

form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准; Dialog 中的内容是懒加载的，目前 edit (更新)方法的写法导致 Form 刚加载出来时值就已经是新的了，所以 resetFields 也只能回到新值 ...

this.$refs['activityForm'].resetFields(); 只会重置之前表单的内容，并不会清空 只需在关闭弹框的cancel方法中写上重置表单的方法即可 若首先编辑，会初始化值，再新增resetFields无效，需做如下处 ...

需求：点击重置按钮，重置登陆表单 代码如下： ...