【问题标题】:How can i get the user data from the following vue array?如何从以下 vue 数组中获取用户数据?
【发布时间】:2018-10-26 10:49:04
【问题描述】:

The vue.js array output

这是我的 vue 数组输出。我可以通过使用@{{post.like.length}} 获得喜欢的长度,但我无法获取@{{post.like.id}} 或@{{post.like 等特定数据。 user_id}}

【问题讨论】:

  • 嗯,您需要遍历列表以访问各个项目(length 是数组的属性,id 是每个元素的属性)。你能展示一下你已经尝试过的吗?
  • 我试过@{{post.like[0].id}} 但它只显示一个数组而不显示任何其他属性。
  • 您没有共享任何代码,也没有任何示例数据
  • 我在检查元素中分享了 vue 根的屏幕截图。请检查一下
  • post.like[0] 是整个like 对象吗?另外,不应该是post.likes[0](和s)吗?

标签: laravel vue.js


【解决方案1】:

要在模板中呈现类似帖子的内容,请使用v-for。例如:

<li v-for="like in post.likes">
    Like ID: {{ like.id }}, 
    Post ID: {{ like.post_id }},
    User ID: {{ like.user_id }}
</li>

对于普通的 JS,使用 forEach:

post.likes.forEach(function (like) {
  // access like.post_id, like.id, ...
});

【讨论】:

  • 谢谢先生。我想我从你的回答中得到了答案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-26
  • 2021-08-02
  • 2020-02-24
  • 1970-01-01
  • 2019-01-19
  • 1970-01-01
相关资源
最近更新 更多