application freezes and show high CPU usage when forms instantiated from property

[pumano]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.3.4

Environment

vue: 2.6.7, ant-design-vue: 1.3.5, vue-class-component: 7.0.1, typescript: 3.3.3, vue-property-decorator: 7.3.0

Reproduction link

https://stackblitz.com/edit/typescript-vuejs-form-init

Steps to reproduce

it caused only when we instantiate forms from class component

What is expected?

in examples we see something like:

export default {
  data () {
     return {
       hasErrors,
       form: this.$form.createForm(this),
     };
  }
}

it's same if we use pure class property in vue class component:

export class MyComponent extends Vue {

// data
form = this.$form.createForm(this);

}

but that instantiation just freeze application and you can't enter any value to form.

If we use created() hook it will work properly:

export class MyComponent extends Vue {

// data
form;

created() {
    this.form = this.$form.createForm(this);
}

}

What is actually happening?

this.form = this.$form.createForm(this); not working in vue class component and freeze application with high CPU usage

---

check stackblitz example for demo

[tangjinzhou]

ref #392

[pumano]

Note: in some examples createForm executed on beforeCreate hook. But looks like it should works with plain property instantiation

[tangjinzhou]

you can createform before beforecreate.

[bmfs]

I've faced the same issue in version 1.5.3.

creating the form either in beforeCreate or data() are the solutions.
Nevertheless, I would expect some kind of error if the instantiation isn't done correctly. Having the browser freeze doesn't seem a good behavior.

My use case was a bit stranger. My form was inside a Modal. The application only froze when I closed the modal.

[Shuunen]

still having this issue with "ant-design-vue": "^1.6.2", 😟

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.