vue如何使用async、await实现同步请求

 更新时间:2019年12月09日 11:20:15   作者:护花使者  
这篇文章主要介绍了vue如何使用async、await实现同步请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了vue如何使用async、await实现同步请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

以下是vue method的demo:

loadTableData : async function() {
       
        var reses = await $.ajax({
          type:'post',
          url:'/linewell/system/user/queryPageList.do'/*,
        });

        console.log("reses", reses);
      }

其中方法需要用async修饰, 然后

var 变量 = await 请求

就可以将请求到的响应赋值给reses, 否则按照传统的异步请求, 定义变量reses, 在success函数中对reses进行赋值, 打印出来的reses仍然为空。

但是我们一般不建议这么写,若确实需要先获取相应的信息,可以把业务代码封装到一个方法里面,然后在success回调函数中,调用这个方法, 将需要的参数传递进去。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 详解keep-alive + vuex 让缓存的页面灵活起来

    详解keep-alive + vuex 让缓存的页面灵活起来

    这篇文章主要介绍了keep-alive + vuex 让缓存的页面灵活起来,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • vue3组件销毁的具体实现

    vue3组件销毁的具体实现

    组件的销毁意味着从 DOM 中移除该组件,并清除与之相关的所有事件监听器和子组件,本文主要介绍了vue3组件销毁的具体实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-08-08
  • Vue 按键修饰符处理事件的方法

    Vue 按键修饰符处理事件的方法

    这篇文章主要介绍了Vue 按键修饰符的相关资料,vue中新增按键修饰符和系统修饰符来处理类似的事件,具体内容详情大家参考下本文
    2018-05-05
  • vue实现将一维数组变换为三维数组

    vue实现将一维数组变换为三维数组

    这篇文章主要为大家详细介绍了vue如何实现将一维数组变换为三维数组,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • Vue中使用Echarts可视化图表宽度自适应的完美解决方案

    Vue中使用Echarts可视化图表宽度自适应的完美解决方案

    这篇文章主要介绍了Vue中使用Echarts可视化图表,宽度自适应解决方案,我的解决方案是,在放置Echarts的容器(div)外层再套一层容器(div),外层容器宽度固定设置手机屏幕宽,感兴趣的朋友跟随小编一起看看吧
    2022-09-09
  • vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)

    vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)

    这篇文章主要介绍了vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用) ,需要的朋友可以参考下
    2018-11-11
  • Vue3使用setup如何定义组件的name属性详解

    Vue3使用setup如何定义组件的name属性详解

    vue3中新增了setup,它的出现是为了解决组件内容庞大后,理解和维护组件变得困难的问题,下面这篇文章主要给大家介绍了关于Vue3使用setup如何定义组件的name属性的相关资料,需要的朋友可以参考下
    2022-06-06
  • 浅谈vue首次渲染全过程

    浅谈vue首次渲染全过程

    这篇文章主要介绍了浅谈vue首次渲染全过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • vue3中vite.config.js相关常用配置超详细讲解

    vue3中vite.config.js相关常用配置超详细讲解

    在Vue3项目中vite.config.js文件是Vite构建工具的配置文件,它用于定义项目的构建和开发选项,这篇文章主要介绍了vue3中vite.config.js相关常用配置的相关资料,需要的朋友可以参考下
    2025-04-04
  • Vue在chrome44偶现点击子元素事件无法冒泡的解决方法

    Vue在chrome44偶现点击子元素事件无法冒泡的解决方法

    这篇文章主要给大家介绍了关于Vue在chrome44偶现点击子元素事件无法冒泡的解决方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12

最新评论