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;
},
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步