欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-09-08 12:05:42
废话不多说了,直接给大家贴代码了,具体代码如下所示: let that = this; for(let i = 0;i

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

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