开发的时候在做一个简单的表单提交的时候,遇到了一个问题,一般在提交完数据后,重新打开新增的时候都需要清空输入的数据。这是很正常的需求,使用的是dialog弹窗。
某次开发的时候,发现有个字段,怎么重置都不生效,某个字段依然会保留着之前填写的数据。第一次使用resetField方法,其他字段都重置了,唯独有个字段还在,然后想着,不然手动将这个字段置空吧,于是就在重新打开弹窗的时候(举例) form.name = '',然后刷新缓存继续试,发现这个方法也不奏效。于是便跑去elementUI查看一下有什么别的重置方法没有,于是看到了这个。
在关闭时销毁dialog的元素,添加上去果然可以了。到现在也不知道为什么那个字段不能重置,估计是有引用到别的地方的数据吧。反正这个方法有效果就行了。东西很简单,日常记录一下。