vue中for循环更改数据的实例代码(数据变化但页面数据未变)


Posted in Javascript onSeptember 15, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

let that = this;
for(let i = 0;i<that.tableData.length;i++){
 this.tableData[i].zzzk = this.midForm.zzzk;
 console.log(this.tableData[i].zzzk)
 this.tableData[i].zhje = this.tableData[i].zzzk * this.tableData[i].dj * this.tableData[i].sl * this.tableData[i].hzk
 //更新tableData中的数据
 Vue.set(this.tableData,i,this.tableData[i])
}

vue监听不到通过索引改变的数据。所以要加这个:

//更新tableData中的数据
Vue.set(this.tableData,i,this.tableData[i])

vue找不到就创建一个实例

import Vue from "vue"

总结

以上所述是小编给大家介绍的vue中for循环更改数据的实例代码(数据变化但页面数据未变),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
设置下载不需要倒计时cookie(倒计时代码)
Nov 19 Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
javascript与webservice的通信实现代码
Dec 25 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 #jQuery
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 #Javascript
vue用addRoutes实现动态路由的示例
Sep 15 #Javascript
Vue渲染函数详解
Sep 15 #Javascript
JavaScript中如何判断一个值的类型
Sep 15 #Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
Sep 15 #Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 #Javascript
You might like
php+iframe实现隐藏无刷新上传文件
2012/02/10 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
2014/07/01 PHP
PHP curl使用实例
2015/07/02 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
Prototype 学习 工具函数学习($方法)
2009/07/12 Javascript
JQuery优缺点分析说明
2010/06/09 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
js实现拖拽效果(构造函数)
2015/12/14 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
Vue服务器渲染Nuxt学习笔记
2018/01/31 Javascript
vue-cli3.0 特性解读
2018/04/22 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
python多线程扫描端口示例
2014/01/16 Python
python3简单实现微信爬虫
2015/04/09 Python
python3.4用函数操作mysql5.7数据库
2017/06/23 Python
python实现简单聊天应用 python群聊和点对点均实现
2017/09/14 Python
一文总结学习Python的14张思维导图
2017/10/17 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
不管你的Python报什么错,用这个模块就能正常运行
2018/09/14 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
Python基于Dlib的人脸识别系统的实现
2020/02/26 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
sklearn的predict_proba使用说明
2020/06/28 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
初中生个人学习的自我评价
2013/12/04 职场文书
工商治理实习生的自我评价分享
2014/02/20 职场文书
七一党日活动总结
2014/07/08 职场文书
离婚协议书范文2015
2015/01/26 职场文书
优秀教师个人总结
2015/02/11 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书