Vue Axios This的作用域,你都会了吗?

 同样请求一个接口一个箭头函数一个普通函数,this的作用域却大不相同,你会吗????

		<script type="text/javascript">
			var vm = new Vue({
				el:"#app",
				/*Model:数据*/
				data(){
					return{
						user:{

						}
					}
				},
				methods : {
				    getUserInfo(){
						
						// 为给定 ID 的 user 创建请求
						axios.get('http://api.xxxx.cc/magicApi/jeecg/resume/getUserBaseInfo?name=xxx')
								.then(response=>(this.user=response.data.data));

					}
				},
				mounted : function() {
				    this.getUserInfo();

				}
			});
		</script>
		<script type="text/javascript">
			var vm = new Vue({
				el:"#app",
				/*Model:数据*/
				data(){
					return{
						user:{

						}
					}
				},
				methods : {
				    getUserInfo(){
						var that = this;
						// 为给定 ID 的 user 创建请求
						axios.get('http://api.xxx.cc/magicApi/jeecg/resume/getUserBaseInfo?name=xxx')
								.then(function (response) {
									that.user=response.data.data;
								})
								.catch(function (error) {
									console.log(error);
								});
					}
				},
				mounted : function() {
				    this.getUserInfo();
				}
			});
		</script>

猜你喜欢

转载自blog.csdn.net/qq_21137441/article/details/123930250