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

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

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

但此时如果vue组件中的数据却是数组形式的这个时候需要用到数组的 join 方法对数据进行处理Lodash工具库中cloneDeep深拷贝的使用

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

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


 

  1. 在运行依赖中安装lodashLodash工具库中cloneDeep深拷贝的使用Lodash工具库中cloneDeep深拷贝的使用
  2. 先导入loadsh,默认使用下划线(_)命名
    1 // 导入lodash
    2 import _ from 'lodash'
  3. 对数据进行深拷贝
    1 // loodash.cloneDeep(obj)深拷贝
    2 const form = _.cloneDeep(this.addForm)
    3 form.goods_cat = form.goods_cat.join(',')
上一篇:ASP.NET Zero--14.一个例子(7)商品分类管理-分类搜索及分页


下一篇:开发知识竞赛答题活动小程序过程中使用到的实用工具库介绍