在Vue单页面应用中使用Promise链式调用
eg:
  this.commonLoginFun().then((res) => {
      if (res.errNo === 0) {
        const { isLogin } = res.data;
        if (isLogin) {
          this.isLogin = true;
          this.userPhone = res.data.phone;
        } else {
          this.isLogin = false;
        }
      }
    });
在commonLoginFun中:
methods:{
commonLoginFun(){
return xxx.axios.xxxx; //2个return,把异步函数return,把异步函数的返回值return。
}
}
总结:
1. 使用then方法之后会返回一个promise对象,可以继续使用then方法调用,再次调用所获得的参数是上个then方法return的内容。
2. 将一个promise对象当做参数传递给promise.resolve()会被直接返回。
在Vue单页面应用中使用Promise链式调用的更多相关文章
- vue单页面应用中动态修改title
		
https://www.jianshu.com/p/b980725b62e8 https://www.npmjs.com/package/vue-wechat-title 详细信息查看:vue-wea ...
 - 关于JavaScript中的setTimeout()链式调用和setInterval()探索
		
http://www.cnblogs.com/Wenwang/archive/2012/01/06/2314283.html http://www.cnblogs.com/yangjunhua/arc ...
 - 史上最简单的手写Promise,仅17行代码即可实现Promise链式调用
		
Promise的使用相比大家已经孰能生巧了,我这里就不赘述了 先说说我写的Promise的问题吧,无法实现宏任务和微任务里的正确执行(也就是在Promise里面写setTimeout,setInter ...
 - vue单页面项目中解决安卓4.4版本不兼容的问题
		
1.cnpm安装 cnpm i babel-polyfill --save cnpm i es6-promise --save 2.main.js引入 import ‘babel-polyfill‘ ...
 - promise链式调用
		
var that = this;that.hello().then(res => { return that.world(res);}).then(res => { console.log ...
 - 关于处理移动端Vue单页面及其内嵌兼容问题
		
关于处理移动端Vue单页面及其内嵌兼容问题 question:由于最近转移了以前的H5项目,重构使用Vue单页面,导致部分手机内嵌或在微信浏览器中无法浏览,或者无法使用ajax请求:手机机型千变万化, ...
 - 处理 Vue 单页面应用 SEO 的另一种思路
		
vue-meta-info 官方地址: monkeyWangs/vue-meta-info (设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plu ...
 - vue单页面打包文件大?首次加载慢?按需加载?是你打开方式不对
		
部署各vue项目,走了一遍坑.... vue单页面应用刷新404 找到nginx多网站配置文件:类似nginx/sites-available/www.baidu.com server { liste ...
 - 处理 Vue 单页面应用 SEO
		
由于在vue单页应用中title只设定在入口文件index.html,如果切换路由,title怎么更换? 在路由router中设置meta: { path:'/chooseBrand', compon ...
 
随机推荐
- 每位 Ubuntu 18.04 用户都应该知道的快捷键
			
作者: Abhishek Prakash 译者: LCTT XiatianSummer 了解快捷键能够提升您的生产力.这里有一些实用的 Ubuntu 快捷键助您像专业人士一样使用 Ubuntu. 您可 ...
 - 欢迎访问微先锋vXianFeng官方博客
			
欢迎访问微先锋vXianFeng官方博客,专注微商城.P2P理财.山寨矿机平台研究与开发!
 - SQL2008所有数据导出导入两种方法
			
方法一:生成脚本导出导入sql2008所有数据 第一步.右键要导出的数据库.任务--生成脚本 第二步,在设置脚本编写选项处,点击--高级(A),选择要编写脚本的数据的类型为:架构和数据 假设找不到 要 ...
 - Android异步载入全解析之开篇瞎扯淡
			
Android异步载入 概述 Android异步载入在Android中使用的很广泛,除了是由于避免在主线程中做网络操作.更是为了避免在显示时由于时间太长而造成ANR,添加显示的流畅性,特别是像List ...
 - SDSoC使用体验
			
本文作者:卜居 转载请保留作者信息.原文网址(http://blog.csdn.net/kkk584520/article/details/47220575). 本文project可到我的资源下载(h ...
 - uip UDP server广播模式(client能够随意port,而且主动向client发送数据)
			
眼下移植uip,发现UDP server模式下,必须指定本地port以及clientport,否则仅仅能讲clientport设置为0,才干接收随意port的数据,可是无法发送数据,由于此时clien ...
 - Android 4.3 系统裁剪——删除不使用的app及添加自己app
			
删除不使用的apk 系统自带的app位置是在/android4.3/packages/apps 以下是一些APP作用分析: | |– BasicSmsReceiver | |– Bluetooth ( ...
 - Android——4.2.2 文件系统文件夹分析
			
近期公司要整android内部培训,分配给我写个培训文档.这里记录例如以下: 撰写不易,转载请注明出处:http://blog.csdn.net/jscese/article/details/4089 ...
 - 第六课  Struts的视图组件
			
Struts框架的视图负责为客户提供动态网页内容. Struts的视图主要由JSP网页构成.此外还包含客户化的标签和ActionForm Bean.这些组件提供了 对国际化.接收用户输入的表单数据.表 ...
 - 21. 【intellij idea】Project Structure 讲解
			
转自:.https://www.cnblogs.com/zadomn0920/p/6196962.html 项目的左侧面板 项目设置->Project Project Settings -> ...