当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue中for循环更改数据的实例代码(数据变化但页面数据未变）

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

唐慧女儿乐乐照片,9c8551,陈树隆后台

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

 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循环更改数据的实例代码(数据变化但页面数据未变），希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网