首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在axios vue中从对象中获取数据

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

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

这是我的代码。

代码语言:javascript
代码运行次数:0
运行
复制
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
运行
复制
{ "ethereum": { "usd": 2037.4 } }

这就是我做的模板。

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-13 05:46:44

像这样设置你的数据

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

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

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

然后像这样访问它

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

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

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

https://stackoverflow.com/questions/68354081

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档