如何在dialog关闭时清空 dialog里填写新增的数据?

Question

请问老师，在后台开发中，经常有在新建时填写各种表单，或者新增表格的功能等等，在关闭弹窗时需要清除填写的数据。我现在都是关闭时，一个个手动的去重新赋值，在网上搜到了这种方法
this.$data = this.$options.data();
请问有没有更优雅的做法，大厂都是怎么做的呢？ （不仅限于表单数据的清除，这个element-ui已经提供了reset方法）

Answer 1

扬_灵 2020-11-16 10:30:33

同学你好，大厂都是用Fields来管理表单，里面提供了很多工具方法https://fusion.design/pc/component/basic/field?themeid=2  像是我们经常使用的element vant ant desing vue这些里面虽然没有提供Fields类这种但是都提供了resetFields这种重置的方法.这些的原理都是一样的。

• 提问者 rookie_white #1

  老师您好，我页面中， 不止表单数据，还包括了表格数据和一些变量的值，这些数据在我关闭弹窗时，是不是需要我一个个手动重新赋值？亦或是有更好的清空方式呢？

• 扬_灵 回复 提问者 rookie_white #2

  你可以把表单中的数据都存放在一个变量中这样无论是清除还是赋值只需要对这个变量进行处理了。而且resetFields是针对整个表单中的数据进行重置处理的。

• 提问者 rookie_white 回复 扬_灵 #3

  意思是，把所有的数据都用一个变量装起来,比如formData这样的变量？
  不管是表单数据还是表格数据、或者是一些其它的控制变量。
  然后再最外层套一个form表单，再在form表单内部写表单表格使用formData.xxx？
  最后关闭弹窗的时候直接使用最外层的form的resetFileds方法么

点开查看后面2条评论