博客
关于我
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/

你可能感兴趣的文章
Navicat连接Oracle数据库以及Oracle library is not loaded的解决方法
查看>>
Navicat连接sqlserver提示:未发现数据源名并且未指定默认驱动程序
查看>>
navicat连接远程mysql数据库
查看>>
Navicat通过存储过程批量插入mysql数据
查看>>
Navicat(数据库可视化操作软件)安装、配置、测试
查看>>
navigationController
查看>>
NB-IOT使用LWM2M移动onenet基础通信套件对接之APN设置
查看>>
NBear简介与使用图解
查看>>
Vue过滤器_使用过滤器进行数据格式化操作---vue工作笔记0015
查看>>
Ncast盈可视 高清智能录播系统 IPSetup.php信息泄露+RCE漏洞复现(CVE-2024-0305)
查看>>
NCNN中的模型量化解决方案:源码阅读和原理解析
查看>>
NCNN源码学习(1):Mat详解
查看>>
nc命令详解
查看>>
NC综合漏洞利用工具
查看>>
ndarray 比 recarray 访问快吗?
查看>>
ndk-cmake
查看>>
NdkBootPicker 使用与安装指南
查看>>
ndk特定版本下载
查看>>
NDK编译错误expected specifier-qualifier-list before...
查看>>
Neat Stuff to Do in List Controls Using Custom Draw
查看>>