Vue 响应式删除数组 Vue.delete( target, propertyName/index )

官方语法:

Vue.delete( target, propertyName/index )

  • 参数:

    • {Object | Array} target
    • {string | number} propertyName/index

    仅在 2.2.0+ 版本中支持 Array + index 用法。

  • 用法:

    删除对象的 property。如果对象是响应式的,确保删除能触发更新视图。这个方法主要用于避开 Vue 不能检测到 property 被删除的限制,但是你应该很少会使用它。

    在 2.2.0+ 中同样支持在数组上工作。

    目标对象不能是一个 Vue 实例或 Vue 实例的根数据对象。

  • 实际开发用到的例子
  • 删除对象的属性: this.$delete(this.obj, '属性值');
    删除数组: this.$delete(this.obj.seaSurchargeFeeList, 下标);


  • 原生JS 删除对象的属性 :delete this.obj.seaFreightFeeList

  • 如果以上方法都不行就用下面的
  • //原生js删除数组(开始删除数组的下标,要删除的个数)
    this.billformatsList.splice(index,1);//vue 提供的方法在这里不支持
posted @ 2021-02-03 19:14  星期7  阅读(1603)  评论(0编辑  收藏  举报