有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

Vue 数组方法(Vue 中操作 data 中数组的方法)高薪常问

vue 炮渣日记 4周前 (11-12) 23次浏览 已收录 0个评论 扫描二维码

Vue 中操作 data 中数组的方法中哪些可以触发视图更新,哪些不可以,不可以的话有什么解决办法?

1、可以被改变的

push()、pop()、shift()、unshift()、splice()、sort()、reverse()这些方法会改变被操作的数组;

2、不可以改变的

filter()、concat()、 slice()这些方法不会改变被操作的数组,并且返回一个新的数组,以上方法都可以触发视图更新。

3、解决方案

1、利用索引直接设置一个数组项,例:this.array[index] = newValue,直接修改数组的长度,例:this.array.length = newLength

2、以上两种方法不可以触发视图更新

(1)可以使用 this.$set(this.array,index,newValue),this.array.splice(index,1,newValue)

(2)可以使用 this.array.splice(newLength)

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址