vue form表单中input输入框无法输入问题

出现错误原因：input输入框绑定的数据没有初始化，绑定空对象

出现这个问题的本质在于Vue无法监听data中新增的属性和删除属性，解决办法要么把属性在对象中罗列出来，要么通过Vue.set新增属性或者 Vue.delete删除属性

  data() {
    return {
      form: {},
      //......
    }
  },
  getData(){
    this.form.Num = 111
  }

<el-input v-model.number="form.Num"></el-input>

解决方法

1. 对数据进行初始化

  data() {
    return {
      form: {Num:111},
      //......
    }
  },

2. 使用this.$set给对象属性赋值

  data() {
    return {
      form: {},
      //......
    }
  },
  getData(){
    this.$set(this.form, "Num", 111);
  }