首页 > 其他分享 >vue方法中的方法怎么同步顺序执行_vue方法同步(顺序)执行:async/await使用 , 使用async搭配await实现,ajax同步请求,await函数不能单独使用。

vue方法中的方法怎么同步顺序执行_vue方法同步(顺序)执行:async/await使用 , 使用async搭配await实现,ajax同步请求,await函数不能单独使用。

时间:2022-09-01 12:44:37浏览次数:107  
标签:同步 await vue params async 方法

vue方法中的方法怎么同步顺序执行_vue方法同步(顺序)执行:async/await使用

项目中有一个地方需要获取到接口返回值之后根据返回值确定之后执行的步骤,使用async搭配await实现,await函数不能单独使用。方法如下:

async methodName(params){

let isSuccess = false;

await this.$http({

url: URL,

method: "get",

params: this.$http.adornParams({

params:params

})

}).then(({ data }) => {

if (data && data.code === 0) {

if(data.exist == 0){

isSuccess = true

}

}

}).catch(err => {

console.log(err);

this.$message({

type: "error",

message: "系统异常"

});

});

return isSuccess

}

https://blog.csdn.net/weixin_35044945/article/details/114009133

标签:同步,await,vue,params,async,方法
From: https://www.cnblogs.com/sunny3158/p/16646109.html

相关文章

  • 在vue中进行ElementUI 组件的安装、引入 npm i element-ui -S
    在vue中进行ElementUI组件的安装、引入1.安装、引入elementUIcmd进入vue项目所在文件夹安装elementUInpmielement-ui-S在main.js中引入importElementUI......
  • vue 项目优化
    生成打包报告(vueui可视化面板)通过vue.config.js修改webpack的默认配置 (①chainWebpack通过链式编程的形式,来修改默认的webpack配置②configureWebpa......
  • vue 多页面应用
    1,认识vue页面加载过程在创建多页面之前,还是要先简单地了解一下,vue页面时怎么加载的。我们知道,在Vue-cli中默认目录结构如下:1.项目的依赖模块目录,这个目录很大,因此一......
  • [Vue warn]: Avoid mutating a prop directly since the value will be overwritten w
    报错提示:vue.runtime.esm.js?2b0e:619[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.I......
  • vue前端解析Excel表格数据
    引入插件npminstallxlsx--save在组件中使用<template><divid="app"><h3>{{message}}</h3><el-uploadactionaccept=".xlsx,.xls":auto-upload="fa......
  • # vue组件设计的思路
    vue组件设计的思路组件不要嵌套太深,最好是小于三层,一旦深度超过三层,组件间的传值就是变得很复杂,所以也可以多多使用插槽的功能,降低组件之前嵌套的深度.什么时候使......
  • VSCode创建Vue项目完整教程
    VSCode创建Vue项目完整教程文章目录一、配置环境1.安装VSCode2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目......
  • 2行JS代码实现Vue全选和反选
    实现效果:第一行:子选项的选中状态等于全选框的状态this.letters.forEach(item=>item.check=this.checkAll)第二行:使用数组every方法的特性,数组的每一项均满......
  • springboot+Vue项目允许跨域
    packagecom.example.demo.itkb.user.config;importorg.springframework.context.annotation.Configuration;importorg.springframework.web.servlet.config.annotat......
  • 用Vue框架实现 - 点击切换图片
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"con......