博客
关于我
Vue中修改数组中的对象
阅读量:378 次
发布时间:2019-03-05

本文共 329 字,大约阅读时间需要 1 分钟。

问题

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

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班'})

结语

示例代码修改的是数组,对象同理,方法在代码注释中已给出。

转载地址:http://xtmg.baihongyu.com/

你可能感兴趣的文章
netty代理
查看>>
Netty入门使用
查看>>
netty入门,入门代码执行流程,netty主要组件的理解
查看>>
Netty原理分析及实战(一)-同步阻塞模型(BIO)
查看>>
Netty原理分析及实战(三)-高可用服务端搭建
查看>>
Netty原理分析及实战(二)-同步非阻塞模型(NIO)
查看>>
Netty原理分析及实战(四)-客户端与服务端双向通信
查看>>
Netty发送JSON格式字符串数据
查看>>
Netty和Tomcat的区别已经性能对比
查看>>
Netty在IDEA中搭建HelloWorld服务端并对Netty执行流程与重要组件进行介绍
查看>>
Netty基础—1.网络编程基础一
查看>>
Netty基础—1.网络编程基础二
查看>>
Netty基础—2.网络编程基础三
查看>>
Netty基础—2.网络编程基础四
查看>>
Netty基础—3.基础网络协议一
查看>>
Netty基础—3.基础网络协议二
查看>>
Netty基础—4.NIO的使用简介一
查看>>
Netty基础—4.NIO的使用简介二
查看>>
Netty基础—5.Netty的使用简介
查看>>
Netty基础—6.Netty实现RPC服务一
查看>>