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 相关文章推荐
jquery模拟按下回车实现代码
Sep 20 Javascript
DWZ刷新dialog解决方法
Mar 03 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
js实现拖拽效果
Feb 12 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
使用JS中的Replace()方法遇到的问题小结
Oct 20 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
Element Badge标记的使用方法
Jul 27 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+DBM的同学录程序(5)
2006/10/09 PHP
利用PHP实现与ASP Banner组件相似的类
2006/10/09 PHP
mysql limit查询优化分析
2008/11/12 PHP
PHP生成网页快照 不用COM不用扩展.
2010/02/11 PHP
PHP array_multisort()函数的使用札记
2011/07/03 PHP
解析二进制流接口应用实例 pack、unpack、ord 函数使用方法
2013/06/18 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
php实现从上传文件创建缩略图的方法
2015/04/02 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
JS异常处理的一个想法(sofish)
2013/03/14 Javascript
js设置cookie过期及清除浏览器对应名称的cookie
2013/10/24 Javascript
node.js使用require()函数加载模块
2014/11/26 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
2016/06/10 Javascript
jQuery实现表单动态添加数据并提交的方法
2018/07/19 jQuery
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Django高级编程之自定义Field实现多语言
2019/07/02 Python
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
使用python+whoosh实现全文检索
2019/12/09 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
python中实现栈的三种方法
2020/12/19 Python
Python截图并保存的具体实例
2021/01/14 Python
为什么要做架构设计
2015/07/08 面试题
生物技术专业求职信
2014/06/10 职场文书
企业员工集体活动方案
2014/08/17 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
创业计划书之便利店
2019/09/05 职场文书
《卧薪尝胆》读后感3篇
2019/12/26 职场文书
「月刊Action」2022年5月号封面公开
2022/03/21 日漫
MySQL数据库表约束讲解
2022/06/21 MySQL