【问题标题】:How to access items Array of Objects from Firebase如何从 Firebase 访问项目对象数组
【发布时间】:2018-08-14 17:52:16
【问题描述】:

可能有类似这样的问题,但我自己已经尝试了一个小时并试图查看类似的问题。我可能只是缺少正确的短语来查找我在这里所经历的事情。

我有一个非常标准的 firebase / vue.js 应用程序,它实际上只是一个培训项目,我正在尝试重构以使用 Vuex、http vue 资源调用和 Firebase 进行练习。附件是我的数据如何存储在 firebase 中的图片。

当我执行 v-for="stock in getStocks" 时,vue.js 能够很好地遍历我的数组。但是,当我调用我的 getter 并只想在 javascript 代码中使用它时,我实际上无法获取我的对象属性。就像在数组和值之间有一层。

附件是我执行 console.log(this.getStocks) 时的样子。 getStocks 只是一个返回 state.stocks 的基本 vuex getter。

这可能是一个我不知道的简单概念。希望有人能指出我正确的方向。

我的问题基本上是,我不能像 const stock = this.getStocks;然后是 console.log(stocks[0].ticker)。这就是我卡住的地方。

【问题讨论】:

  • 计算属性在使用console.log 时以这种方式显示(我不知道确切原因,但它与反应属性有关)。但是你可以在使用 Vue devtools 扩展 github.com/vuejs/vue-devtools 时轻松检查它们
  • 我的问题是,我不能像 const stock = this.getStocks;然后是股票[0].ticker。这就是我卡住的地方。
  • 您的问题描述中似乎缺少某些内容。您可以添加getStocks 方法的代码吗?还包括你在哪里运行 console.log(stocks[0].ticker),如果它是一个计算属性,也许你在 Vue 没有获取 getStocks 的地方运行它。
  • 我无法真正解释如何或为什么,但现在它起作用了。我怀疑我的问题不在于数组,而在于循环遍历它。似乎无论出于何种原因, for (var stock in stock) 都不起作用,但一个简单的 for (var i = 0, l = stock.length; i

标签: javascript firebase vue.js vuex


【解决方案1】:

我怀疑我的问题不在于数组,而在于循环遍历它。这似乎与尝试为 (var stock in stock) 做某事有关。做普通的 for (var i = 0, l = stock.length; i

【讨论】:

    猜你喜欢
    • 2019-01-11
    • 1970-01-01
    • 2015-03-16
    • 1970-01-01
    • 2019-03-22
    • 2022-01-16
    • 2021-11-07
    相关资源
    最近更新 更多