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实现同步


基础教程推荐
猜你喜欢
- 微信小程序保持session会话的方法 2024-03-08
- ajax与传统web开发的异同点 2022-10-17
- ES6中async函数与await表达式的基本用法举例 2022-08-30
- 深入理解CSS overflow:hidden——溢出,坍塌,清除浮动 2024-01-25
- 纯CSS3实现鼠标滑过按钮动画第二节 2023-12-29
- js中的鼠标事件有哪些(用法示例学习进阶) 2023-11-30
- 获取元素位置的position()与offset()方法区别介绍 2024-03-10
- vue-devtools安装和使用方法 2023-10-08
- 利用纯CSS3实现动态的自行车特效源码 2023-12-11
- 完美实现CSS垂直居中的11种方法 2022-11-16