在开发的过程中,咱们常常会应用到vue进行开发,在应用的过程中,咱们会进行数据的交互,以下是我对axios+promise的封装二,办法如下:
  1. 开发环境 vue.js
  2. 电脑系统 windows10 专业版
  3. vue+axios+promise封装二,代码如下:
  4. 在methods中增加代码如下:
methods:{      // 点击设备,发送申请      shibei(){        this.chenq('chen2d');        //增加一个定时器,这个定时器只会执行一次,作用是获取到批改过后的数据,因为这个办法是异步的,如果不增加这个定时器是无奈获取到数据的        setTimeout(function(){          // console.log();          //对 return 上面定义的变量从新赋值,这样的话就能够在点击事件中进行数据的操作          //解释阐明, chenax 是在return 上面对定义的变量 chenax:'0'          var cccc=_on.chenax;          console.log(cccc);        },200)      },      // 封装 axios申请,通过传参的办法      chenq(url){        var _on=this;        async function quer(url){          var inn=await _on.$axios.post('/'+url);          return inn;        };        quer(url).then(res => {          console.log(res);          //在申请胜利的时候,对return 上面的变量 chenax从新赋值           _on.chenax=res;          console.log(_on.chenax);        });                //在调用这个办法的时候,把这个被赋值之后的变量返回进来,这个就能够失去来自后盾的数据,增加定时器的起因是这个办法是异步的,如果不增加定时器,失去的值始终是 在 return 上面刚刚定义的初始值        setTimeout(function(){          return _on.chenax        },100)      }    }

以上就是我对axios+promise封装,心愿对你有所帮忙!是不是很简略!让咱们一起致力走向巅峰!