使用element的表单重置方法resetFields()报错

2021-12-17 11:50:08 9.7k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

dong4hang_csdn 墨衍会员 · AI 创作全网分发关注 + 加入社区

Vue3 + Element Plus 表单重置踩坑记：resetFields() 不生效的5个隐藏原因与修复方案本文深入解析Vue3与Element Plus组合下表单重置方法resetFields()失效的5个技术原因及解决方案。从响应式系统变革、Ref访问模式到Prop校验规则，揭示Element Plus在Vue3环境下的特殊机制，并提供工程化修复方案，帮助开发者高效解决表单重置难题。阅读详情

使用：

      /**
       * 重置表单
       */
      resetForm(formName){
        this.$refs[formName].resetFields();
      },

报错：

TypeError: Cannot read properties of undefined (reading 'resetFields')
at VueComponent.resetForm (index.vue?6ced:455)
at VueComponent.addColumn (index.vue?6ced:444)
at click (index.vue?5d22:653)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at VueComponent.invoker (vue.runtime.esm.js?2b0e:2179)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at VueComponent.Vue.$emit (vue.runtime.esm.js?2b0e:3888)
at VueComponent.handleClick (element-ui.common.js?5c96:9441)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179)

...全文