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实现同步
基础教程推荐
猜你喜欢
- 纯css实现立体摆放图片效果的示例代码 2024-04-07
- html5实现移动端适配完美写法 2022-09-16
- 前端JS,删除JSON数据(JSON数组)中的指定元素方式 2023-07-10
- Vue SPA项目SEO优化之预渲染Prerender-spa-plugin 2023-10-08
- 解决前端跨域问题方案汇总 2024-02-09
- css3实现多个元素依次显示效果 2024-04-26
- JavaScript实现班级抽签小程序 2024-03-31
- 写给小白学习的地理信息的表示法GeoJSON 2023-07-09
- C#-Windows Store应用中的HtmlAgilityPack 2023-10-25
- javascript – 是否可以从内存中的html字符串加载电子webContents? 2023-10-25