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


猜你喜欢
- php – Laravel – 保存HTML Dom-Parser对数据库的响应 2023-10-26
- CSS:自定多姿多彩的网页链接下划线 2022-10-16
- 如何使用html5与css3完成google涂鸦动画 2024-02-21
- 谈谈Ajax原理实现过程 2022-10-17
- 为什么要使用Vue3,有哪些新特性 2025-01-14
- JavaScript用JSONP跨域请求数据实例详解 2024-01-15
- javascript跳转与返回和刷新页面的实例代码 2023-12-23
- 基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放) 2023-12-25
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
- 利用模糊实现视觉3D效果实例讲解 2022-11-20