2020 Vue零基础教你 cloneDeep(obj) 安装并配置Lodash(npm指令) 完成对表单的深拷贝
文章目录1、引言2、install方式任务:完成对addForm表单下goods_cat数组的深拷贝实现步骤:3、结束语 点击进入Vue❤学习专栏~1、引言我们在做Vue项目的时候,可能会遇到共用一个对象或者数组的时候,比如说两个渲染模块共用一个数组,但是需要的格式不一样,其中一种可能需要字符串形式,另外一种可能需要以逗号 , 隔开的形式拿数据,那么深拷贝就发挥了它的简便作用了,让我们一起来了..
·
1、引言
我们在做Vue项目的时候,可能会遇到共用一个对象或者数组的时候,比如说两个渲染模块共用一个数组,但是需要的格式不一样,其中一种可能需要字符串形式,另外一种可能需要以逗号 , 隔开的形式拿数据,那么深拷贝就发挥了它的简便作用了,让我们一起来了解一下吧~
2、install方式
$ npm i -g npm
$ npm i --save lodash
任务:完成对addForm表单下goods_cat数组的深拷贝
实现步骤:
首先在script下导入刚刚安装好的lodash
// 导入lodash
import _ from 'lodash'
下面举个例子,代码就比较简单,以下几行
// lodash cloneDeep(obj)
const form = _.cloneDeep(this.addForm)
form.goods_cat = form.goods_cat.join(',')
//以上是将form表单中的goods_cat数组转变成以逗号分隔形式
console.log(addform)
console.log('这是拷贝后的表单:'+form)
那么,我们看一下拷贝后的表单是否和原来的数据保持一致
显然,对于同一表单拷贝数据时相同的,那么我们Lodash配置就成功了!
3、结束语
Vue全家桶开发电商管理系统码云地址,欢迎一起来学习~
https://gitee.com/Chocolate666/vue_shop
最后,看完本篇博客后,觉得挺有帮助的话,可以继续查看专栏其它内容嗷,一起来学习Vue吧~
点击进入Vue❤学习专栏~
学如逆水行舟,不进则退
更多推荐
已为社区贡献17条内容
所有评论(0)