博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue数据更新UI不刷新显示解决方案
阅读量:6897 次
发布时间:2019-06-27

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

vue比较常见的坑就是数据(后台返回)更新了,但是UI界面并没有更新,常见于以下情况:

一.数据为数组时

1.通过数组索引修改数组元素例如:

此时UI数据并不会刷新

2.修改数组长度时:

 

解决方案:

如果data为JSON数组则如下:

 

第一个参数为要更新数据的数组,第二个参数为要更新的数组中具体的元素下标,第三个参数为新数据

备注:

数组原型上的方法vue可直接检测到变化:push(),pop(),shift(),unshift(),splice(),sort()

 二.数据为对象时:

 Vue 不能检测对象属性的添加或删除:你可以这样添加一个属性

 

如果要添加多个属性可以

 

转载于:https://www.cnblogs.com/myspecialzone/p/10069710.html

你可能感兴趣的文章
树线段线段树(端点更新) hdu-4521 小明系列问题——小明序列
查看>>
Spring MVC中前后台数据传输小结
查看>>
《C++ Primer Plus》第15章 友元、异常和其他 学习笔记
查看>>
J2EE基础之JavaBean
查看>>
[Android Pro] Android 性能分析工具dumpsys的使用
查看>>
Win10年度更新开发必备:VS2015 Update 2正式版下载汇总
查看>>
Zabbix-3.0.0 安装Graphtree
查看>>
JAVA内存模型5-锁
查看>>
PHP基础之 define() 函数
查看>>
atitit.农历的公式与原理以及农历日期运算
查看>>
Coursera公开课笔记: 斯坦福大学机器学习第六课“逻辑回归(Logistic Regression)” 清晰讲解logistic-good!!!!!!...
查看>>
C/S架构应用程序开发培训笔记
查看>>
一周规划汇总_2016-09-04
查看>>
POST中文乱码解决方案
查看>>
如何快速有效的修改java的环境变量
查看>>
Android项目实战(二十六):蓝牙连接硬件设备开发规范流程
查看>>
Javascript正则表达式的初步学习
查看>>
Android 手机卫士--对话初次设置密码验证过程
查看>>
c#泛型方法返回null的问题
查看>>
Windows Server 2003、2008、2012系统的安装
查看>>