Question

export default {
data () {
   return : {
     a: {}
   }
}
methods : {
//a fcuntion that can get data from backend
getdata(){
   someAPI.getdata.then(response =>{
   // manage this data
   for (let i = 0; i< data.length; i++){
       if (data[i]['name'] = 'Peter'){
        this.a['peter'] = [
         {'age': data[i]['age'], 'grade': '9'},
         {'age': data[i]['age'], 'grade': '9'},
        ]
       } else if (data[i]['name'] = 'Wong'){
        this.a['peter'] = [
         {'age': data[i]['age'], 'grade': '9'},
         {'age': data[i]['age'], 'grade': '9'},
        ]
   }
})
}
},
mounted(){this.getdata()}
}

这个函数我改变了data中的一个对象。但是在另一个函数中我想要console.log来观看。如果我console.log(this.a)我可以得到整个对象

{'Peter':[
{'age': 11, 'grade': '9'},{'age': 12, 'grade': '9'},
],'Wong':[{'age': 13, 'grade': '9'}, {'age': 14, 'grade': '9'},]}

但如果我console.log(this.a['Peter'])或console.log(this.a.Peter)，我会得到一个空对象。为什么？我使用过这个。$ set但不行。

Answer 1

this.$set(this.student,"age", 24)

像这样

如何在VUE.js中更改对象值

1 个答案: