vue怎么获取axios的return值?
代码:
methods:{getNum(){axios({url: '/api/blog',method: 'GET'}).then((res) => {return res})},getData(){var a = this.getNum()console.log(a)}
}
问题:
上面的代码中console.log(a)打印出来的值是 undefind
原因:
Axios 是异步请求 这是因为你发送了异步请求,但请求的数据还没返回回来,就已经执行到return语句,自然就返回undefind了
在 Axios 里 return 无效
解决:
methods:{async getNum(){let post = () ={return new Promise(resolve =>{axios({url: '/api/blog',method: 'GET'}).then((res) => {resolve(res)})})}let result =await post()return result},getData(){var a;this.getNum().then((res) => {a=res})console.log(a)}
}
vue怎么获取axios的return值?相关推荐
- 获取axios的return值
因axios返回值是异步操作,获取返回值时,请求操作还未完成,就已经执行了赋值,导致结果位undefined.错误示例如下: 1 2 3 4 5 6 7 8 9 10 function Get ...
- 获取axios返回的值
1.拷贝axios官网get案例,想获取接口数据在前台,结果出不来,官网代码如下 // 上面的请求也可以这样做 axios.get('/user', {params: {ID: 12345}}).th ...
- vue中获取输入框中得到值_如何获取vue input的值
登陆 //var modal = weex.requireModule('modal'); var modal = weex.requireModule('modal'); var stream = ...
- vue怎样获取子组件的值
https://jingyan.baidu.com/article/295430f197fc430c7e0050ad.html
- vue获取div中的值_vue获取内存中的值并写入
发表评论 发表评论 第{{i+1}}楼 匿名用户 发表时间:{{item.id|dateFormat}} {{item.content}} 加载更多 export default{ data(){ ...
- vue 子级拿值_vue 父组件通过$refs获取子组件的值和方法详解
前言 在vue项目中组件之间的通讯是很常见的问题,同时也是很重要的问题,我们大致可以将其分为三种情况: 父传子:在父组件中绑定值,在子组件中用props接收 子传父:在父组件中监听一个事件,在子组件中 ...
- vue 子级拿值_Vue 父组件主动获取子组件的值,子组件主动获取父组件的值
父组件主动获取子组件的值 1. 在调用子组件的时候定义一个ref-> ref="header" 2. 在父组件中通过this.$refs.header.属性,调用子组件的属性 ...
- vue input只能输入正整数_前端开发:Vue中获取input输入框值的方法
在前端开发过程中,会用到各种各样的基础组件,一些常用的组件的使用方法一定要滚熟于心,对于刚入门的新手来说,对基础知识的熟练掌握很重要,如果不熟练就会影响开发速度.那么本篇博文就来分享一个比较基础的知识 ...
- Vue.js获取data-*的值
data-* 这个属性熟悉JS的小伙伴都知道,data-*是一个自定义属性,它的功能是视图层往js传递我们想要传的数据.我们的JS可以控制视图层,但是我们往往需要用户操作视图层,逻辑层也能够获取用户的 ...
最新文章
- pdf怎么转html?
- 使用Github Pages建独立博客
- Spring Boot(09)——使用SpringMVC
- SAP CRM text Transfer mode
- Windows 上 GitHub Desktop 的操作
- 一套通用的后台管理系统Base Admin 前端:layui 后端:java
- 容器,VM和Docker的初学者友好介绍
- 理解Spring Boot
- Matrixport发布跨链资产项目M-Tokens
- ubuntu 14.04 設定hostname
- 2017年江苏c语言二级考试,2017年计算机C语言二级考试试题
- SQL Server 卸载重装
- win10系统如何安装Oracle 10G
- 转载:应用架构、业务架构、技术架构和业务流程图
- 你真的会调整后视镜吗?正确调整的四个步骤!
- 什么是交叉(cross-over)网线?
- Z490 AORUS PRO AX+i9-10850K黑苹果EFI引导文件
- ios You app information could not be saved. Try again. If the problem persists, contact us
- Mybatis中Collection集合标签的使用
- 【校招VIP】前端操作系统之页面转换算法
热门文章
- Extjs3.3结合fckeditor2.6.6实现可视化编辑器(java版)
- RHEL5中配置Sendmail邮件服务 收藏二
- 拖拽动态生成网页-VvvebJs
- BP算法的matlab代码学习
- 在WINCE中的一些VB.NET2005通用方法
- 多目标跟踪评价标准(MOT)
- 计算机组成原理实验主存储器,计算机组成原理实验课件--存储器讲解.ppt
- 如何快速掌握计算机知识,怎样快速学会电脑 学电脑的5种方法推荐
- 计算机期末考试知识,干货|计算机期末复习宝典
- css鼠标拖拉卡顿_JavaScript实现元素拖动性能优化