Vue + antd writes wrong output statements, resulting in no error report and no form submission. In fact, the method of submitting form has not been completed

Vue3. X version is used in combination with element plus. If you use form elements and V-model commands, you will see similar warnings on the console. Although it does not affect JS operation, it is hard for obsessive-compulsive disorder players. Let’s take a look at how this problem is generated and how to solve it

In vue3. X, a new composite API, namely the setup method, is added. In this method, we can create a data with a responsive basic data type through Ref. however, we can also set the ref attribute to the element to obtain dom. Please refer to the official documents for details, This also leads to the problem
I believe most people just want to know what the solution is. Look down at the solution
to ensure that the data of V-model and the value of ref do not have the same name
avoid using V-model when you do not need to use V-model (of course, this method is a bit of bullshit)
this method is a little bit of nonsense  

Solve the problem of “error empty block statement no empty” in the console (Vue project)

This problem is caused by the code space in the page, and the specific reason is the eslint verification

Solution

The first step is to add in package. JSON

{
  "name": "system",
  "version": "0.1.0",
  "private": true,
  "eslintConfig": {
    "plugins": ["example"],
    "env": {
        "example/custom": true
    }
},
}

The second step is to add an independent configuration file. Eslintrc. JS in the root directory of the project

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ?'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ?'warn' : 'off'
  }
}

The third step is to create vue.config.js in the project root directory

module.exports = {
    devServer: {
        overlay: {
            warnings: false,
            errors: false
        }
    }
}