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;
},

猜你喜欢

转载自www.cnblogs.com/quepq/p/11022331.html