vue中給input框賦值,無法修改的問題


 <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','莉莉絲')

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM