Vue中同步方法的实现

最新推荐文章于 2024-06-22 14:11:43 发布

包工头小王

最新推荐文章于 2024-06-22 14:11:43 发布

阅读量6.4k

点赞数 2

分类专栏： vue 文章标签： vue ajax javascript

本文链接：https://blog.csdn.net/jq0503/article/details/117885852

版权

在Vue中处理登录功能时，遇到异步请求问题导致前端未能等待后台数据返回。通过使用async/await，将异步请求变为同步，确保在数据返回后再继续执行后续操作，解决了用户数据为空的问题。

摘要由CSDN通过智能技术生成

Vue中同步方法的实现

情景：在实现登录功能的时候，通过表单的用户名，向后台发送请求，前端以为处理完成，继续执行，而还未等后台数据返回，前端获取到的用户数据为空。

实现：等待请求方法返回数据在继续往下执行，及实现同步方法

原代码

data() {
   
          	return {
   

                userInfo: {
   
                    id: '',
                    username: '',
                    password: '',
                    avatar: '',
                },
            }
}

methods:{
   
	getUserInfo: function () {
   
    	let _this = this;
    	this.axios({
   
        	url: "http://localhost:8088/verifyLogin",
        	headers: {
   
            	'Content-Type': 'application/json;charset=utf-8'
        	},
        	method: "post",
        	params: {