vue3+element-plus表单重置resetFields方法不生效
·
1.最近在做项目的时候, dialog组件嵌套from表单 一般在编辑之后在点新增都会加resetFields 重置初始值和校验,
问题:
1.先点击了【修改】,弹出弹窗,此时弹窗的form表单已经赋值;
3.再点击新增按钮,此时调用resetFields()方法是没有办法使form清空的;
解决:
resetFields重置的数据是以el-form初次渲染时绑定的model为准,当你第一次打开弹窗时el-form才渲染,而此时已经赋值formData了,所以每次resetFields的数据就是第一次赋值formData的数据。所以你得在打开弹窗后在nextTick里赋值,所以需要在赋值之前增加await nextTick;
有issues提了已解决 遇到相同的问题的兄弟可以看看

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)