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

 更新时间:2017年09月15日 10:21:47   作者:你蠢哭我咯  
这篇文章主要介绍了vue中for循环更改数据的实例代码(数据变化但页面数据未变)的相关资料,需要的朋友可以参考下

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

 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循环更改数据的实例代码(数据变化但页面数据未变),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)

    Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)

    这几天在做项目时遇到微信扫描二维码的然后进入公众号网页巴拉巴拉的,然后就很顺利的遇到了在安卓端扫码的时候,顺利的一塌糊涂,然后到了苹果端的时候,就只能出现一个保存图片,然后就写一下记录一下这问题的解决方法
    2020-01-01
  • Vue中的change事件无效问题及解决

    Vue中的change事件无效问题及解决

    这篇文章主要介绍了Vue中的change事件无效问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • vue2使用wangeditor实现手写输入功能

    vue2使用wangeditor实现手写输入功能

    这篇文章主要为大家详细介绍了vue2如何使用wangeditor实现手写输入功能,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以了解下
    2023-12-12
  • vue下拉刷新组件的开发及slot的使用详解

    vue下拉刷新组件的开发及slot的使用详解

    这篇文章主要介绍了vue下拉刷新组件的开发及slot的使用详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • 详解vue-cli3使用

    详解vue-cli3使用

    这篇文章主要介绍了详解vue/cli 3使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • vue toggle做一个点击切换class(实例讲解)

    vue toggle做一个点击切换class(实例讲解)

    下面小编就为大家分享一篇使用vue toggle实现点击切换class的示例。具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)

    vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)

    这篇文章主要介绍了vue项目使用高德地图的定位及关键字搜索功能的实例代码,也是小编踩了无数坑总结出来的经验,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • Vue如何设置el-table背景透明样式

    Vue如何设置el-table背景透明样式

    本文主要介绍了Vue如何设置el-table背景透明样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • Vue input控件通过value绑定动态属性及修饰符的方法

    Vue input控件通过value绑定动态属性及修饰符的方法

    这篇文章主要介绍了 Vue input控件通过value绑定动态属性及修饰符的方法,需要的朋友可以参考下
    2017-05-05
  • Vue3中插槽(slot)的全部使用方法

    Vue3中插槽(slot)的全部使用方法

    这篇文章主要介绍了Vue3中插槽(slot)的全部使用方法,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-08-08

最新评论