Vue.delete()删除对象的属性说明

 更新时间:2022年04月25日 09:51:59   作者:姜无忧  
这篇文章主要介绍了Vue.delete()删除对象的属性说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

Vue.delete()删除对象的属性

 data : {
        namelist : {
           id : 1, 
           name : '叶落森'
        }       
}
// 删除name
delete this.namelist.name;//js方法
Vue.delete(this.namelist,'name');//vue方法

delete和Vue.delete的区别

  • delete:只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变,length长度不会改变。
  • Vue.delete:直接删除了数组 改变了数组的键值。 length长度改变了

代码片段:

<script> 
      var a=[1,2,3,4] 
      var obj=[1,2,3,4] 
      delete a[1] 
      console.log(a) 
      vue.delete(obj,1) 
      console.log(obj); 
</script>

输出结果:

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue实现购物车抛物线小球动画效果的方法详解

    vue实现购物车抛物线小球动画效果的方法详解

    这篇文章主要介绍了vue实现购物车抛物线小球动画效果的方法,结合实例形式较为详细的分析了vue.js实现抛物线动画效果购物车功能相关原理与操作注意事项,需要的朋友可以参考下
    2019-02-02
  • vue-simple-uploader上传成功之后的response获取代码

    vue-simple-uploader上传成功之后的response获取代码

    这篇文章主要介绍了vue-simple-uploader上传成功之后的response获取代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧~
    2020-09-09
  • 在Vue中使用Avue、配置过程及实际应用小结

    在Vue中使用Avue、配置过程及实际应用小结

    在项目中遇到通过点击加号实现输入框的增加、以及对该输入框的输入内容进行验证,通过这些诱导因素创作的这篇文章,本文重点给大家介绍在Vue中使用Avue、配置过程以及实际应用,需要的朋友可以参考下
    2022-10-10
  • Vue实现简单选项卡效果

    Vue实现简单选项卡效果

    这篇文章主要为大家详细介绍了Vue实现简单选项卡效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 基于mpvue的小程序项目搭建的步骤

    基于mpvue的小程序项目搭建的步骤

    mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架,这篇文章主要介绍了基于mpvue的小程序项目搭建的步骤,非常具有实用价值,需要的朋友可以参考下
    2018-05-05
  • Vue.js每天必学之过渡与动画

    Vue.js每天必学之过渡与动画

    Vue.js每天必学之过渡与动画,对Vue.js过渡与动画进行深入学习,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 彻底搞懂并解决vue-cli4中图片显示的问题实现

    彻底搞懂并解决vue-cli4中图片显示的问题实现

    这篇文章主要介绍了彻底搞懂并解决vue-cli4中图片显示的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • vuex中Modules的使用详解

    vuex中Modules的使用详解

    本文主要介绍了vuex中Modules的使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • 如何理解Vue简单状态管理之store模式

    如何理解Vue简单状态管理之store模式

    状态管理也就是数据状态管理,vue应用程序的各组件之间经常需要进行通信,除了v-on、EventBus等通信方式外,可以采用数据共享的方式进行通信。这种简单的数据共享模式就是store模式。
    2021-05-05
  • Vue qiankun微前端实现详解

    Vue qiankun微前端实现详解

    这篇文章主要为大家介绍了Vue qiankun微前端实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论