vue3使用form报错 Uncaught TypeError: Cannot read property 'createForm' of undefined #3826
Description
- I have searched the issues of this repository and believe that this is not a duplicate.
Version
2.1.0
Environment
win10、谷歌最新版、vue3.0.0
Reproduction link
Steps to reproduce
main.js
import { createApp } from "vue";
import App from "./App.vue";
import Antd from "ant-design-vue";
import "ant-design-vue/dist/antd.css";
createApp(App, Antd)
.use(Antd)
.mount("#app");
App.vue
Nickname is required Check <script> const formItemLayout = { labelCol: { span: 4 }, wrapperCol: { span: 8 }, }; const formTailLayout = { labelCol: { span: 4 }, wrapperCol: { span: 8, offset: 4 }, }; export default { data() { return { checkNick: false, formItemLayout, formTailLayout, form: this.$form.createForm(this, { name: 'dynamic_rule' }), }; }, methods: { check() { this.form.validateFields(err => { if (!err) { console.info('success'); } }); }, handleChange(e) { this.checkNick = e.target.checked; this.$nextTick(() => { this.form.validateFields(['nickname'], { force: true }); }); }, }, }; </script>package.json
"ant-design-vue": "^2.1.0",
"vue": "^3.0.0"
"core-js": "^3.6.5",
What is expected?
修复
What is actually happening?
控制台报错，错误为Uncaught TypeError: Cannot read property 'createForm' of undefined