vue中拦截器（vue+axios methods方法return取不到值问题及解决）

时间2025-05-04 20:03:13分类IT科技浏览3865

导读：vue+axios methods方法return取不到值 vue写了一个判断电话号码是否存在的方法无法取到返回值...

vue+axios methods方法return取不到值

vue写了一个判断电话号码是否存在的方法无法取到返回值

因为axios是异步操作，在获取返回值时请求操作还没有完成就已经完成了赋值操作，所以结果的undefined 。

使用async + await 。async声明方法为异步方法，await等待异步操作执行完。

另外：异步方法返回值为peomise<> ，接收时需要.then(res=>{}）

1.如果直接在.then里return ，得到的值就是undefined ，如下

map(){ let a=[] mapChina().then(res=>{ //调用axios自己封装的接口 a=res }) return a } const b=this.map() //结果是undefined

因axios返回值是异步操作，获取返回值时，请求操作还未完成，就已经执行了赋值，导致结果位undefined

2.解决方法使用async….await ，async声明发放为异步方法，await等待异步操作执行完毕

async map(){ let a=[] await mapChina().then(res=>{ //调用axios自己封装的接口 a=res }) return a } const b=await this.map() //结果正确返回a

以上为个人经验，希望能给大家一个参考，也希望大家多多支持本站。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

展开全文READ MORE