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 提供的方法在这里不支持
欢迎转载,请注明出处
原文地址:https://www.cnblogs.com/time1997/p/13724974.html