根据el-table-column内容生成el-form内容时this.$refs.testForm.resetFields() 重置表单失效的解决方法

最新推荐文章于 2023-03-15 15:53:08 发布

瞎写点

最新推荐文章于 2023-03-15 15:53:08 发布

阅读量417

点赞数

分类专栏： element 文章标签： vue elementui

本文链接：https://blog.csdn.net/sinat_38628334/article/details/118604159

版权

element 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1.首先确保el-form绑定了:model='testForm'属性和ref='testForm'属性，每个el-form-item标签上必须绑定prop属性

2.el-table-column绑定的打开form弹窗事件里的执行顺序：

这里参考大佬的文章：https://segmentfault.com/a/1190000022516459，折腾了我大半天，看了大佬的文章才知道是执行顺序的原因...........

3.最后再执行this.$refs.testForm.resetFields() 就没问题啦~~

2021.10.16更新

今天发现了一个奇怪的bug：在el-drawer里使用el-form时，未关闭弹窗的情况下调用resetFields方法可以正常重置表单，但是关闭弹窗、再次打开后调用resetFields方法无效，眼睛盯瞎了确保自己ref、prop以及绑定的值这些都没问题，折腾了心态要炸了的时候福至心灵的看了一下el-drawer绑定的属性，发现绑定了destroy-on-close属性，试探着将该属性删掉后就可以正常重置了.........