美文网首页
[VUE] 空数组直接赋值和push的区别

[VUE] 空数组直接赋值和push的区别

作者: 雨萌fyh | 来源:发表于2019-05-21 17:03 被阅读0次
for (let i in res.imageUrl) {
                    this.form.commodityImgList[i] = { name: 'img' + i, url: res.imageUrl[i] }
                    this.form.commodityImgList.push({ mame: 'img' + i, url: res.imageUrl[i] })
                }

for循环中的两行代码,表面上实现了相同的功能,但是在vue中,使用空数组直接赋值后,页面上的数据并不会动态改变。而使用push方法后,页面上的内容就能正常发生变化了。

查阅后发现,用这两种方法,数组最后的长度相同,但是push添加的元素具有set和get方法,这样想通过点击改变edit值时可以生效的,而直接赋值添加的元素点击改变edit不生效。

相关文章

  • [VUE] 空数组直接赋值和push的区别

    for循环中的两行代码,表面上实现了相同的功能,但是在vue中,使用空数组直接赋值后,页面上的数据并不会动态改变。...

  • js数组的原生方法

    赋值方法 (Mutator methods) 这些方法直接修改数组自身 pop 和 push Array.pop(...

  • JS中Array和String方法整理

    Array 1.数组定义 2.数组直接赋值 3.数组赋值覆盖元素 4.添加元素 array.push(argume...

  • 创建0-100的数组

    传统法 1.先创建长度为100的数组,然后循环赋值 先创建一个空数组,依次push进去数值。 Arry.from(...

  • PHP代码优化—array_push

    PHP中数组插入数据通常有这么几种: 定义的时候直接赋值 使用数组变量操作 使用array_push()插入 在项...

  • 数组(Array)常用的操作方法

    Array对象是用于构造数组的全局对象。 创建数组 访问数组和赋值 遍历数组 push()添加元素到数组末尾 po...

  • vue 绑定数组,变化无法更新view的解决方法

    vue绑定数组,更新数组的内容时,view没有更新,多数是因为直接给数组內的数据赋值了,如: this.stude...

  • PHP代码优化的方法介绍

    PHP中数组插入数据通常有这么几种: 1.定义的时候直接赋值 2.使用数组变量操作 3.使用array_push(...

  • 数组和指针

    数组和vector的区别 数组的长度固定。数组不提供size和push_back操作。 数组的操作 用vector...

  • vue中的数组赋值问题

    vue中的数组赋值 上面的方式一方式二赋值是将会 报错 vue中数组赋值是个坑,无法更新页面需要遍历后赋值给当前...

网友评论

      本文标题:[VUE] 空数组直接赋值和push的区别

      本文链接:https://www.haomeiwen.com/subject/duwjzqtx.html