Vue踩坑Vue在回调函数叶进行重新赋值data中的数据的时候需要用一个that变量进行重新定义被这个问题搞了很久，起码半天了

Posted 2021-10-14 SmallCuteMonkey

1.Vue在回调函数 叶进行重新赋值data中的数据的时候需要用一个that变量进行重新定义

2.直接使用箭头函数可以不用重新定义

created(){
				this.username=getCookieValue("username");
				 this.token=getCookieValue("token");
				console.log("token="+this.token);
				var userId=getCookieValue("userId");
				if(this.token==null || userId==null){
					var loginUrl="login.html?tips=请先登录!";

					window.location.href=encodeURI(loginUrl);
				}else{ 

					var that=this;
				    axios({
									method:"get",
									url:baseUrl+"shopcart/list",
									headers:{
										token:this.token,
									},
									params:{
										userId:userId

									}

								}).then(function (res) {
									// this.shoppingCarts=res.data.data;
								if(res.data.code==0||res.data.code==202){
										var loginUrl="login.html?tips=请先登录!&returnUrl=shopcart.html";
										window.location.href=encodeURI(loginUrl);
									}else{
										console.log(res.data);

									that.shoppingCartsSC=res.data.data;
									console.log("购物车的数据------");
									// console.log(res.data.data);
									console.log(shoppingCartsSC);
									}
								
								});
							}
				

	var that=this;