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

但此时如果vue组件中的数据却是数组形式的这个时候需要用到数组的 join 方法对数据进行处理
但这会导致错误,原因就是该数据已经被双向绑定,对原数据进行修改会导致错误!!!
此时就需要用到Lodash工具库中cloneDeep深拷贝的使用:
- 在运行依赖中安装lodash

- 在组件中导入loadsh,默认使用下划线(_)命名
1 // 导入lodash 2 import _ from 'lodash' - 使用 cloneDeep 方法对数据进行深拷贝
1 // loodash.cloneDeep(obj)深拷贝 2 const form = _.cloneDeep(this.addForm) 3 form.goods_cat = form.goods_cat.join(',')
在Vue项目中,向数据库提交数据前,需将数组转换为逗号分隔的字符串。文章介绍如何利用Lodash的cloneDeep方法解决因双向绑定引起的修改原数据问题。
675

被折叠的 条评论
为什么被折叠?



