使用Lodash实现深拷贝(cloneDeep)

Loadsh安装方法一

1.运行vue ui命令进入vue项目的可视化面板
2.点击依赖按钮——安装依赖——运行依赖——输入== loadsh==选择并安装

安装方法二

在Vscode新建终端,输入== npm i --save lodash == 回车安装完成

Loadsh在Vue项目的使用

1.在需要使用的lodash深拷贝的组件中,导入lodash

// 导入lodash,lodash用下划线接
import _ from 'lodash'

2.例如:

 // lodash   cloneDeep(obj) 深拷贝:与原对象的内容互不相干
 // goods_cat需要用逗号分隔
 // 主要矛盾:一个是数组 另一个是字符串
 // 需要深拷贝,把对象原封不动拷贝出新对象,原来对象不动
 const form = _.cloneDeep(this.addForm)
 form.goods_cat = form.goods_cat.join(',') //字符串

可参考官方文档:https://lodash.com/

猜你喜欢

转载自blog.csdn.net/YYYi_z/article/details/129151367