只需在关闭弹框的cancel方法中写上重置表单的方法即可
cancel() {
this.$refs.formData.resetFields();
}
另一种方法:
只需要在From标签上加上**v-if="showDialog"**这句代码,当关闭弹框时showDialog=false,
再次打开弹框是showDialog置为true,这样每次打开弹框它都会生成一个新的表单。
iview,element重置表单并清除校验
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 本例子表单为dialog形式出现,dialogFormVisible为父组件传来的控制表单显示的值,通过watch...
- resetFields()只是重置,重置为初始值。重置的是munted时候的值。 这个初始值是在form表单cre...
- 以下几点值得注意: 要加上prop属性,并且与你v-model的值相同才可以 FormItem中v-model的值...