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 提供的方法在这里不支持
欢迎转载,请注明出处