methods方法修改data问题
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
我在methods定义了两个方法来修改data里面的属性,然后就把不该修改的修改了。我在mounted里面调用了_tableData 然后在_tableData里面修改了dataOld在_dealData里面修改dataTable。讲道理dataOld应该是没有被处理的才对啊,但是我的dataOld奇迹的也被修改了
data(){
return {
dataTable:[],
page:{
total:0,
pageSize:10,
pageCurrent:1,
},
dataOld:[]
}
},
methods:{
_tableData(){
this.ajax.get('api/statistic/retentiondaily').then((response)=>{
const data = response.data.data;
Vue.set(this,'dataOld',data);
Vue.set(this.page,'total',data.length)
this._dealData(data.slice(0,this.page.pageSize));
}).catch((error)=>{
console.log(error)
})
},
_dealData(data){
let data_new=new Array();
data.forEach(function(value,index,arr){
for(let name in value){
if(name != 'dnu' && value[name] && name != 'day'){
data[index][name] = (value[name]/value['dnu']*100).toFixed(2) + '%';
}
}
})
Vue.set(this,'dataTable',data);
},
}