Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在axios vue中从对象中获取数据

如何在axios vue中从对象中获取数据
EN

Stack Overflow用户
提问于 2021-07-12 21:30:48
回答 1查看 22关注 0票数 1

这是我的代码。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
export default {
 components: {
    draggable,
},
data() {
return {
  ethPrice: null,
 };
},
mounted() {
 axios
  .get(
    "https://api.coingecko.com/api/v3/simple/price?ids=ethereum&vs_currencies=usd"      
   )
  .then((response) => (this.ethPrice = response.data));

回应是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{ "ethereum": { "usd": 2037.4 } }

这就是我做的模板。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<v-card-text>{{ ethPrice }}</v-card-text>

我怎样才能进入"ethereum“,然后进入"usd”,并且只获取值?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-12 21:46:44

像这样设置你的数据

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  ethPrice: {ethereum{usd:""}}

您需要设置它,使其保持反应性

.then((response) => (this.$set(this.ethPrice,response.data)));

然后像这样访问它

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{{ethPrice.ethereum.usd}}

有关更详细的讨论,请查看reactivity https://vuejs.org/v2/guide/reactivity.html上的Vue 2指南

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68354081

复制
相关文章
vue中axios的封装
5. 封装post, get 请求 (此示例没有封装,可根据项目情况而定,因为封装后,对于一些特殊接口设置不是太灵活,需要我们项目没有选择封装,如果请求方法比较单一的,可以考虑封装)
用户9914333
2022/07/21
1.3K0
vue中axios的封装
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
大龄老码农-昊然
2021/05/13
3.4K0
vue中axios的封装
vue 项目中从session中获取对象,并且使用里面的属性
django后端传给前段一个json对象,vue接收后如何保存在session中,并且可以在其他的页面从session中拿出对象,用这个对象里面的属性
一写代码就开心
2021/06/17
5K0
vue 项目中从session中获取对象,并且使用里面的属性
vue中拆分封装axios
1、在src目录下建network文件用于配置axios`。 2、在network里面先建一个config.js文件
江一铭
2022/06/16
2670
Vue中Axios的封装管理
Axios 封装 定义 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持Promise API 拦截请求和响应 转换请求数据和响应数据 自动转换JSON数据 客户端支持 XRSF 回归正题 在Vue 项目开发中,我们与接口打交道最多了,来通过接收后端接口返回来的数据,最后我将这些接口数据完美的呈现到网页上。 同时,与接口打交道那么就会用到网络请求,与 Vue 结合的网络请求库有哪些呢? vue-resource axios 官方推荐 fetc
程序员海军
2021/10/08
9620
Vue中Axios的封装管理
Vue中Axios的封装管理
Axios 封装 定义 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持Promise API 拦截请求和响应 转换请求数据和响应数据 自动转换JSON数据 ##### 客户端支持 XRSF 回归正题 在Vue 项目开发中,我们与接口打交道最多了,如何来优雅的使用Axios变得尤为重要了。 通常我们通过客户端向后端发送请求来接收接口数据,然后将这些接口数据完美的呈现到网页上。 同时,与接口打交道那么就会用到网络请求,与 Vue 结合的网络请求库
程序员海军
2021/10/11
1.3K0
Vue中Axios的封装管理
Spring 如何从 IoC 容器中获取对象?
前面几篇文章主要分析了 Spring IoC 容器如何初始化,以及解析和注册我们定义的 bean 信息。
WriteOnRead
2021/03/12
9.7K0
Spring 如何从 IoC 容器中获取对象?
vue的$attrs_vue获取list集合中的对象
原文网址:Vue–attrs, listeners–使用/教程/实例_IT利刃出鞘的博客-CSDN博客
全栈程序员站长
2022/09/27
5.2K0
Vue3中使用axios
axios是一个基于Promise的HTTP请求库,它可以在浏览器和Node.js中使用。axios的功能非常请打,支持Promise API、可以拦截请求和响应、可以转换请求和响应数据、支持取消请求、可以自动转换JSON数据等。
九仞山
2023/10/14
1.8K0
Vue3中使用axios
Vue笔记:使用 axios 中 this 指向问题
在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为undefined。
朝雨忆轻尘
2019/06/19
8030
Vue笔记:使用 axios 中 this 指向问题
vue父组件中获取子组件中的数据
<FormItem label="上传头像" prop="image"> <uploadImg :width="150" :height="150" :name="'avatar'" size="150px*150px" ref="avatar"></uploadImg> </FormItem> <FormItem label="上传营业执照" prop="businessLicence"> <uploadImg :width="350" :heigh
蓓蕾心晴
2018/04/12
6.9K0
从损坏的手机中获取数据
有时候,犯罪分子会故意损坏手机来破坏数据。比如粉碎、射击手机或是直接扔进水里,但取证专家仍然可以找到手机里的证据。
FB客服
2020/02/23
10.2K0
逆向从 Instruments 中获取 GPU 数据
背景: RTMP SDK需要获取硬编硬解时候的GPU数据,第一时间想起了TraceParser, 但是TraceParser不支持GPU Driver模板. 于是想着能不能扩展TraceParser模板. 发现main.m文件只有寥寥几行代码,完全不知道做了什么, 但是google和km之后发现应该是采用了反序列化的方式来dump出数据. 缺点很明显, 需要自己实现NSCoding,还需要先将.trace文件解压出.run文件. 不知道结构无从下手.
Locker
2018/08/01
5.8K0
逆向从 Instruments 中获取 GPU 数据
Springsecurity从当前请求对象中获取用户信息
SpringMVC中Controller的请求参数都是当前请求HttpServletRequest带来的,Authentication Principal也是HttpServletRequest带来的,在Controller层我们拿到的是HttpServletRequest的实例是Servlet3SecurityContextHolderAwareRequestWrapper
周杰伦本人
2022/10/25
2.9K0
js中获取对象类型
<!DOCTYPE html> <html> <head> <title> </title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <script type="text/javascript"> let qq=new Object(); console.log(typeof qq); let arr=new Array(); console.lo
贵哥的编程之路
2020/10/28
21.7K0
Java中获取class对象
当我们要获取类的信息及方法,利用Java中的反射机制,便于我们更加灵活的编写代码,可以在程序运行时装配代码,还可以实现动态代理。
头发还在
2023/10/16
1520
Vue2封装axios,axios在Vue.cli中的使用
在src目录下新增一个目录utils,并新增一个js文件http.js,用以实现axios的封装
SingYi
2022/07/13
1.1K0
Vue2封装axios,axios在Vue.cli中的使用
CaseStudy(showcase)数据篇-从XML中获取数据
做silvelight也有一段时间了,相册、游戏,刚刚完成的showcase这个小程序算是一个阶段了。这里就以showcase这个项目来做一下CaseStudy。 数据篇-从XML中获取数据 这个项目
用户1172164
2018/01/16
4.4K0
使用Vue.js和Axios从第三方API获取数据 — SitePoint
本文转载自使用Vue.js和Axios从第三方API获取数据 — SitePoint 原文链接: www.sitepoint.com,本译文的链接地址:使用Vue.js和Axios从第三方API获取数据 — SitePoint,Github上面本项目的源代码链接为:vuejs-news,本文中的纽约时报API的API秘钥申请有些问题,访问不了。 通常情况下,在构建 JavaScript 应用程序时,您希望从远程源或从API获取数据。我最近研究了一些公开的API,发现可以使用这些数据源完成很多很酷的东西。
ccf19881030
2020/03/23
6.6K0
使用Vue.js和Axios从第三方API获取数据 — SitePoint
点击加载更多

相似问题

使用vue和axios从API数据中获取每个对象

24

如何在vue中通过axios获取json对象?

16

Axios在Laravel / Vue中获取数据

31

Vue axios使用-从api获取数据

119

无法使用Vue和Axios从API中获取数据

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文