首页 > 其他 > 详细

Lodash工具库中cloneDeep深拷贝的使用

时间:2020-05-02 22:09:05      阅读:230      评论:0      收藏:0      [点我收藏+]

在vue向数据库提交数据的过程中,可能需要处理某些数据,比如有以下要求:传递的参数必须是以逗号分隔的分类列表

技术分享图片

但此时如果vue组件中的数据却是数组形式的这个时候需要用到数组的 join 方法对数据进行处理技术分享图片

但这会导致错误,原因就是该数据已经被双向绑定,对原数据进行修改会导致错误!!!

此时就需要用到Lodash工具库中cloneDeep深拷贝的使用:


 

  1. 在运行依赖中安装lodash技术分享图片
  2. 在组件中导入loadsh,默认使用下划线(_)命名
    1 // 导入lodash
    2 import _ from ‘lodash‘
  3. 使用 cloneDeep 方法对数据进行深拷贝
    1 // loodash.cloneDeep(obj)深拷贝
    2 const form = _.cloneDeep(this.addForm)
    3 form.goods_cat = form.goods_cat.join(‘,‘)

Lodash工具库中cloneDeep深拷贝的使用

原文:https://www.cnblogs.com/cqkjxxxx/p/12819498.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!