原文：vue 中element-ui的表单重置
问题来源： 点击按钮 打开 dialog时需要重置嵌入的表单， lt el dialog title 课程信息修改 :visible courseconfirm :modal append to body false :close on click modal false open resetForm course 在此使用用open回调，触发重置方法 close courseconfirm fa ...
2020-08-29 19:00 0 3826 推荐指数：
相关推荐
form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是更新,那么重置之后以第一次更新的数据作为标准; Dialog 中的内容是懒加载的，目前 edit (更新)方法的写法导致 Form 刚加载出来时值就已经是新的了，所以 resetFields 也只能回到新值 ...
问题细化一下是这样的：比如我有一个用来修改数据的表单，第一条数据是{name: 'Xixi', age: 12}，打开表单后就有两个输入框分别填的是Xixi和12，此时我修改Xixi为Haha，调用this.$refs[].resetFields()后，该表单数据恢复为Xixi和12，这是没问题 ...
需求：点击重置按钮，重置登陆表单 代码如下： ...
1.重置element-ui样式时，如果我们不加scoped 直接改element样式会影响到全局其他地方，为解决这个问题，通过查找，找到几个比较好的改变方式。1 2.使用scss/less的方式，加入 /deep/ 通过less以及sass的方式来实现穿透 ...
描述： 最近在使用Element-UI 的 Form 组件时，遇到了给清空按钮设置了resetFields()，点击却无法生效的问题 解决： 表单项 el-form-item 的 prop 属性值应该与表单项内部控件的 v-model 保持一致 总结： 重置 ...
初学vue element-ui掉进了许多坑，下面是关于表单重置的问题处理方法： 描述：例如一个添加dialog 填入数据后保存，关闭了dialog ,然后再次添加又显示上次添加的数据；这时就需要我们el-dialog 添加 @close绑定方法 如下： // 对话框 ...
问题： 使用this.$ref[‘form‘] .resetFields()无法重置表单项 原因： 1.没有给表单添加ref属性 2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致 ...