笔记
—> 如题,在请求接口得到返回数据后,我们通常会进行数据格式化我们想要的,从而进行业务操作。然而,直接操作后,会改变原来的数组。这样我们在控制台就无法看到原始数据,影响调试。。
–>我的解决办法是,取到数据之后拷贝一份,再进行操作。
–>我对次进行了封装和抽离,做个笔记,有兴趣的筒子们可以看一下。。
function deepClone(obj){
var cloneObj = Array.isArray(obj)?[]:{}
if(obj && typeof obj == 'object'){
for(var i in obj){
if(obj.hasOwnProperty(i)){
if(obj[i] && typeof obj[i] == 'object'){
cloneObj[i] = this.deepClone(obj[i])
}else{
cloneObj[i] = obj[i]
}
}
}
}
return cloneObj
}
export default{
deepClone
}
- 在main.js中引入并挂载到全局
// 公共方法的封装
import commonFunc from "./utils/func"
Vue.prototype.$func = commonFunc
3.直接引用
this.$func.deepClone(Arr)