methods方法修改data问题
发布于 7 年前 作者 axl-axl 5983 次浏览 最后一次编辑是 7 年前 来自 问答
粉丝福利 : 关注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);
	},
 }
回到顶部