Vue中修改数组中的对象

Java架构师必看

发布于 2021-09-14 14:27:36

4.6K0

发布于 2021-09-14 14:27:36

文章被收录于专栏：Java架构师必看

Vue中修改数组中的对象

强烈推介IDEA2020.2破解激活，IntelliJ IDEA 注册码，2020.2 IDEA 激活码

问题

根据数组的索引直接赋值没法修改数组的中对象。

this.classes[1]= {
   id:123,name:'计应171班'};

原因

在 Vue 中是无法检测到根据索引值修改的数据变动的。

解决方法

// 数组：第一个参数是要修改的数组, 第二个值是修改的下标或字段,第三个是要修改成什么值
// 对象：第一个参数是要修改的对象, 第二个值是修改属性字段,第三个是要修改成什么值
this.$set(this.classes,1,{
   id:123,name:'计应171班'});
或者
Vue.set(this.classes,1,{
   id:123,name:'计应171班'})