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 提供的方法在这里不支持


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM