vue 使用过程,新增同类数据,即时渲染情况中碰到问题

在vue使用过程,我们新增同类数据,渲染极其方便,只要往当前数组中push数据就解决问题了,但是当你新增的数据类型用一个对象时,就出现问题,在js中对象是地址引用的,vue是数据驱动的,那么当改变其中一组数据时,其他的也会跟着改变,解决问题如下:

cloneDeep(target) {
function isObject(obj) {
return Object.prototype.toString.call(obj) === "[object Object]";
}

var _isObject = isObject(target);
var _isArray = Array.isArray(target);
if (_isObject || _isArray) {
var newObj = {};
for (var key in target) {
newObj[key] = this.cloneDeep(target[key]);
}
return newObj;
}
return target;
},
posted @ 2019-06-14 22:11  queqp  阅读(424)  评论(0编辑  收藏  举报