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 相关文章推荐
javascript之可拖动的iframe效果代码
Aug 01 Javascript
解决AJAX中跨域访问出现'没有权限'的错误
Aug 20 Javascript
jquery 多行滚动代码(附详细解释)
Jun 17 Javascript
深入document.write()与HTML4.01的非成对标签的详解
May 08 Javascript
jquery 列表双向选择器之改进版
Aug 09 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
老生常谈combobox和combotree模糊查询
Apr 17 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
详解如何解决使用JSON.stringify时遇到的循环引用问题
Mar 23 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
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
Js动态添加复选框Checkbox的实例方法
2013/04/08 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
基于socket.io+express实现多房间聊天
2016/03/17 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
用Vue.js在浏览器中实现裁剪图像功能
2019/06/18 Javascript
jQuery实现雪花飘落效果
2020/08/02 jQuery
Python脚本实现虾米网签到功能
2016/04/12 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
python删除文本中行数标签的方法
2018/05/31 Python
Python正则表达式实现简易计算器功能示例
2019/05/07 Python
通过实例简单了解Python中yield的作用
2019/12/11 Python
如何解决pycharm调试报错的问题
2020/08/06 Python
python 两种方法删除空文件夹
2020/09/29 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
八年级音乐教学反思
2014/01/09 职场文书
保护黄河倡议书
2014/05/16 职场文书
毕业生求职信
2014/06/10 职场文书
作文评语集锦
2014/12/25 职场文书
户外拓展训练感想
2015/08/07 职场文书
升学宴学生致辞
2015/09/29 职场文书
golang在GRPC中设置client的超时时间
2021/04/27 Golang