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

Posted 2023-02-16

【中文标题】如何从 axios vue 中的对象中获取数据

【英文标题】：How to fetch data from object in axios vue

【发布时间】：2021-09-22 00:23:41

【问题描述】：

这是我的代码。

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));

反应是

 "ethereum":  "usd": 2037.4  

这是我做的模板。

<v-card-text> ethPrice </v-card-text>

我如何才能进入“ethereum”，然后进入“usd”并只获取值？

【参考方案1】：

像这样设置你的数据

  ethPrice: ethereumusd:""

您需要设置它以使其保持反应状态

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

然后像访问它

ethPrice.ethereum.usd

查看关于反应性的 Vue 2 指南https://vuejs.org/v2/guide/reactivity.html 以获得更详细的讨论

【讨论】：

对不起，但是用你的代码我得到了这个错误。 prnt.sc/1amh2lx

嗨，现在它可以工作了，但我不得不跳过反应式.then((response) => (this.ethPrice = response.data)); 和像这样声明的对象。 ethPrice: "ethereum": "usd": "" 谢谢！！！