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 相关文章推荐
JS event使用方法详解
Apr 28 Javascript
javascript 传统事件模型构造的事件监听器实现代码
May 31 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
js实现文本框输入文字个数限制代码
Dec 25 Javascript
JavaScript实现的MD5算法完整实例
Feb 02 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
Bootstrap Multiselect 常用组件实现代码
Jul 09 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
Nov 14 Javascript
如何利用vue实现波谱拟合详解
Nov 05 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
肝肠寸断了解下!盘点史上最伤心的十大动漫
2020/03/04 日漫
?算你??的 PHP 程式大小
2006/12/06 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
PHP的Yii框架中行为的定义与绑定方法讲解
2016/03/18 PHP
PHPExcel简单读取excel文件示例
2016/05/26 PHP
Yii2 中实现单点登录的方法
2018/03/09 PHP
Linux下 php7安装redis的方法
2018/11/01 PHP
csdn 批量接受好友邀请
2009/02/19 Javascript
jQuery中的常用事件总结
2009/12/27 Javascript
javascript闭包的高级使用方法实例
2013/07/04 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
vue router的基本使用和配置教程
2018/11/05 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
python学习笔记:字典的使用示例详解
2014/06/13 Python
在Python中定义和使用抽象类的方法
2016/06/30 Python
Python实现针对json中某个关键字段进行排序操作示例
2018/12/25 Python
详解python 模拟豆瓣登录(豆瓣6.0)
2019/04/18 Python
Pytorch 保存模型生成图片方式
2020/01/10 Python
Waterford美国官网:爱尔兰水晶制品品牌
2017/04/26 全球购物
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
Fnac西班牙官网:法国文化和电子产品零售商
2021/03/14 全球购物
英国健身专家:WIT Fitness
2021/02/09 全球购物
师范应届生教师求职信
2013/11/05 职场文书
大学生新闻专业个人自我评价
2013/11/12 职场文书
岗位职责的含义
2013/11/17 职场文书
自荐书模板
2013/12/19 职场文书
运动会入场口号
2014/06/07 职场文书
教师节标语大全
2014/10/07 职场文书
庆祝国庆节标语
2014/10/09 职场文书
忠诚教育学习心得体会
2016/01/23 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书