vue中给input框赋值，无法修改的问题

转载 https://www.cnblogs.com/huanhuan55/p/12302333.html

<el-input v-model="student.name"></el-input>

export default {

  data () {

    return {

      student:{}

    }

  },

  methods: {

      update () {

        this.student.name='莉莉丝'

    }

  }

}

1.这样虽然可以显示值，但是不能修改

原因：vue实列创建的时候 student的属性名并未声明，因此vue就无法给属性添加getter/setter，从而导致student并不是响应式的

解决办法：

方法1：给student给初始值  sutdent:{name:""}

方法2：this.$set(this.student,'name','莉莉丝')