vue+axios methods方法return取不到值

最新推荐文章于 2024-05-29 17:44:45 发布
最新推荐文章于 2024-05-29 17:44:45 发布
阅读量2.6k 收藏 9
点赞数 3
分类专栏： vue踩坑记录 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45429941/article/details/112060817
版权

vue写了一个判断电话号码是否存在的方法无法取到返回值
axios请求无法返回值
原因：因为axios是异步操作，在获取返回值时请求操作还没有完成就已经完成了赋值操作，所以结果的undefined。
解决方法：使用async + await。async声明方法为异步方法，await等待异步操作执行完。
问题解决
另外： 异步方法返回值为peomise<>，接收时需要.then(res=>{}）
调用结果

dyao23
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue作用域，无法取到methods方法中return的值(回调函数)
weixin_45629194的博客
09-11 5558
最初代码如下： <template> <div></div> </template> <script> import {download} from '@/tmApi/proposer.js' export default { name: 'test', methods: { getData(...
vue+vuex+axios实现登录、注册页权限拦截
08-27
methods: { // ... } } ``` 三、实现登录和注册逻辑 在login.vue中，我们使用了Vuex来管理登录和注册的逻辑。当用户输入用户名和密码时，我们使用Axios来发送请求到后端API，以验证用户的身份信息。 四、实现...
vue结合 axios 数据返回值为undefined
weixin_45667658的博客
10-20 3950
目的： 在vue登录组件中，点击登录按钮，通过axios提交登录方法，实现登录功能 问题：写入登录功能之后，提交axios发送登录请求，可以请求到数据，但无返回值，返回值为undefined。 查看原因： 原来底层User类中的方法里忘记带上返回值。 解决： 总结： 由此总结：无论前端后端，只要设计到方法的调用，都要注意在被调用的方法中添加返回值。 ...
vue3 + ts + axios封装，接口返回数据有代码提示
最新发布
zs_ms的博客
05-29 465
有过工作经验的小伙伴应该对axios二次封装比较熟悉，但是加入ts后就比较犯难，被ts的数据格式校验搞的头大，接下来就简单分析一下axios，作者版本引入axios以及实例化})
vue3封装post请求方法无法传递data类型的对象参数，困扰了一天终于解决
jlzm5201314的博客
12-16 2565
vue3传递data对象参数无法进入后端接口并超时响应
vue 获取不到方法返回值 解决办法
qq_44985699的博客
02-28 2703
vue 获取不到方法返回值
在vuecli中使用axios请求发送成功，获取不到返回值的问题
热门推荐
一心一意码代码
03-09 4万+
首先我先描述一下我遇到的问题，以便读者对症下药: 在vuecli中使用axios，请求成功，network也能看见返回的值，但是进入.then（res）中时，res时undefined,原代码如下： axios.post('http://localhost:12612/api/register', this.ruleForm) .then((res) =&gt; { //res为...
vue + axios get下载文件功能
10-16
2. 在Vue组件的`methods`中，定义`downloadReport`方法，该方法接收所需的参数，如item和index，并构造请求URL。然后使用axios发起GET请求： ```javascript export default { methods: { downloadReport(item,...
vue+axios实现文件下载及vue中使用axios的实例
10-17
下面将详细介绍如何使用 Vue 和 Axios 实现文件下载，以及在 Vue 项目中配置 Axios 的方法。 ### 文件下载流程 1. **接口准备**：首先，你需要与后端开发人员协调，确保他们提供的接口已经正确设置了响应头（`...
vue+axios实现post文件下载
10-16
在本文中，我们将深入探讨如何使用Vue.js和axios实现POST方式的文件下载功能，这对于创建交互式Web应用时提供数据导出功能至关重要。 首先，确保你已经在Vue项目中正确安装了axios。如果还没有安装，可以通过以下...
vue+element-ui+axios实现图片上传
10-16
在本文中，我们将深入探讨如何使用Vue.js框架结合Element-UI组件库和axios库来实现一个图片上传功能。Vue.js是一个轻量级的前端JavaScript框架，它提供了响应式的数据绑定和组件化的能力，使得开发更加高效。Element...
requests请求没返回数据的可能原因
博客
03-01 7893
今天在某音乐网搜索歌曲的时候，发现歌曲列表有个加密参数，遂破解了一下，破解完成之后去请求，发现拿不到数据，对比之后发现并不是加密参数出现问题，而请求的参数有问题。下面就是案例及解决方案
vue函数返回网络请求结果的使用
qq_50406265的博客
01-26 1117
vue函数返回网络请求结果的使用
函数中使用了axios，返回值return为空的解决方法
weixin_51171112的博客
12-14 1022
在Vue3的项目中，需要使用axios来获取数据，于是自己封装一个函数，函数中使用axios去请求数据，请求得到的数据作为函数的返回值去return，但是返回值为空值
vue项目中使用递归方法，无法跳出循环（解决办法）-----使用回调函数
weixin_38345306的博客
05-11 967
vue项目中使用递归方法，无法跳出循环（解决办法）-----使用回调函数树结构数据data,及条件id,要返回树结构中id为条件id的对象 可能是vue的问题,直接return,return不能返回符
vue封装axios接口公共方法结果renturn不回数据
王吉吉的博客
05-02 310
方法的调用那里，也要注意，异步方法返回值为peomise，接收时需要.then(res=>{}）我上面写得方法，axios是异步操作，也就是说会同时进行，等不到数据返回就赋值了。后来一直找原因，直到看到一篇博客才知道原来问题在axios这儿。async声明方法为异步方法，await等待异步操作执行完。写得规规矩矩对吧，咱也不知道为啥，打印的数据就是 [ ]util/index.js中具体写的公共方法内容如下。
VUE中，return；语句无法退出function
weixin_43833540的博客
11-14 309
【代码】VUE中，return；语句无法退出function。
前端/vue中使用forEeach return不出来
weixin_43861696的博客
08-01 1502
vue forEach return
在vue中返回axios的return值，很容易undefined
05-12
在 Vue 中调用 Axios 请求时，Axios 返回的是一个 Promise 对象，而 Promise 是异步操作，所以在 Vue 中直接返回 Axios 的返回值可能会出现 undefined 的情况。解决这个问题的方法有两种。 第一种方法是在 Vue 组件中使用 async/await 关键字，将异步操作转换为同步操作，将 Axios 返回的 Promise 对象转换为实际的返回值。例如： ``` async fetchData() { try { const response = await axios.get('/api/data') return response.data } catch (error) { console.log(error) } } ``` 第二种方法是在 Axios 请求中使用回调函数，将 Axios 的返回值作为参数传递给回调函数。例如： ``` fetchData(callback) { axios.get('/api/data') .then(response => { callback(response.data) }) .catch(error => { console.log(error) }) } ``` 在 Vue 组件中调用 fetchData 方法时，将回调函数作为参数传递给 fetchData 方法，以获取 Axios 的返回值。例如： ``` this.fetchData(data => { console.log(data) }) ```
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值