Vue 对象和数据的强制更新

数组更新
以下支持自动更新

  • push() //向后添加
  • pop() //删除最后一个
  • shift() //删除第一个
  • unshift() //向第一个添加元素
  • splice() //向指定位置添加/删除元素
  • sort() //用原地算法对数组的元素进行排序
  • reverse() //将数组中元素的位置颠倒

注意,这种形式修改数据 this.arr[1] = ‘x’ // 不是响应性的,这种情况,可以采用splice方法修改数据即可实现更新

强制更新
this.$set(数组,下标,修改后的值)

eg:this.$set(this.dataArr,1,{})

对象更新
Vue 不能检测对象属性的添加或删除:

强制更新
this.$set(this.obj, ‘age’, 27)

参考链接 https://cn.vuejs.org/v2/guide/list.html#%E6%95%B0%E7%BB%84%E6%9B%B4%E6%96%B0%E6%A3%80%E6%B5%8B

发布了88 篇原创文章 · 获赞 13 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/yiyueqinghui/article/details/103914073
今日推荐