vuejs如何利用async/await实现同步,下面编程教程网小编给大家详细介绍一下具体实现代码!
具体代码如下:
data() {
return {
userInfo: {
username: ''
},
}
},
methods:{
async getUserInfo(params) {
let _this = this;
let isSuccess = false;
await this.axios({
url: "login",
headers: {
'Content-Type': 'application/json;charset=utf-8'
},
method: "post",
params: {
'userName': _this.form.username
}
}).then(function (resp) {
_this.userInfo = resp.data;
console.log("1");
isSuccess = true;
});
return isSuccess;
},
onSubmit(formName) {
let _this = this;
this.getUserInfo(_this.form.username).then(function (result) {
if (result) {
_this.$refs[formName].validate((valid) => {
if (valid) {
console.log("2");
console.log(_this.userInfo);
}
})
}
})
}
}
以上是编程学习网小编为您介绍的“vuejs如何利用async/await实现同步”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:vuejs如何利用async/await实现同步
基础教程推荐
猜你喜欢
- T-SQL篇如何防止SQL注入的解决方法 2024-01-12
- CSS清除浮动方法小结 2023-12-19
- JavaScript实现打地鼠小游戏 2024-02-10
- css中有哪些方式可以隐藏页面元素及区别 2024-03-10
- 使用webapi绑定layui数据表格完整增删查改记录 2022-12-17
- vue项目利用WebSocket插件实现在线聊天功能 2025-01-11
- js本地图片预览实现代码 2023-12-13
- 使用CSS去掉超链接的虚线边框的方法 2023-12-19
- vuejs实现点击按钮复制文本内容clipboard 2024-12-07
- VUE项目引入微信JSSDK 实现微信自定义分享 2023-10-08
