Vue中修改数组中的对象
发布日期：2021-05-08 03:02:55
浏览次数：20
分类：精选文章
本文共 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班'}) 结语
示例代码修改的是数组，对象同理，方法在代码注释中已给出。
发表评论
最新留言
关注你微信了！
[***.104.42.241]2025年04月15日 09时17分12秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
上周热点回顾（8.8-8.14）
2021-05-09
.NET跨平台之旅：将示例站点升级至 .NET Core 1.1 Preview 1
2021-05-09
上周热点回顾（1.16-1.22）
2021-05-09
上周热点回顾（1.23-1.29）
2021-05-09
上周热点回顾（3.20-3.26）
2021-05-09
上周热点回顾（4.24-4.30）
2021-05-09
[故障公告]博客站点1台负载均衡遭遇流量攻击，造成联通与移动用户无法正常访问
2021-05-09
上周热点回顾（5.1-5.7）
2021-05-09
上周热点回顾（5.29-6.4）
2021-05-09
上周热点回顾（6.19-6.25）
2021-05-09
云计算之路-阿里云上：docker swarm 集群故障与异常
2021-05-09
上周热点回顾（2.19-2.25）
2021-05-09
云计算之路-阿里云上：博客web服务器轮番CPU 100%
2021-05-09
云计算之路-阿里云上：服务器CPU 100%问题是memcached连接数限制引起的
2021-05-09
上周热点回顾（3.26-4.1）
2021-05-09
故障公告：IIS应用程序池停止工作造成博客站点无法访问
2021-05-09
【故障公告】极验验证码故障造成无法登录与注册
2021-05-09
上周热点回顾（6.25-7.1）
2021-05-09
【故障公告】10:30-10:45 左右 docker swarm 集群节点问题引发故障
2021-05-09
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 459507496 位访客
访问时间: 2025-04-19 09:02:48
访问IP: 3.143.116.179
Copyright © 2020 - 2025 css8.cn 京ICP备2021015314号-1
手机版