需要使用VUEJS同时浏览2个对象

Question

我只想以相同的速度浏览POSTS和USERINFO，以显示给定帖子的正确用户头像

对象

   posts : {!! $posts !!},
   userinfo : {!! $userinfo !!}, 

模板

< v-cloak v-for="post in posts">
  <div v-bind:style="{ backgroundImage: 'url(' + post.picture + ')' }">
<a href="{{-- url("#" v-bind:style="{ backgroundImage: 'url(' + userinfo.avatar + ')' }"></a>
</div>

基本上不知道如何...

Answer 1

我认为您可以向用户对象添加属性ID。 并为您的post对象设置一个userId属性，以免发生错误。

用户必须是您的元素的道具才能被使用

Answer 2

正确的方法（IMHO）是以正确的方式将数据提供给模板，因此模板只需在数据中循环最少的时间即可。

要支持computed值可能是最简单的实现方式。

您可以在计算值中使用js创建一个复杂的循环，然后减少模板中的任何复杂逻辑。如果组件或模板的其他部分正在更改，这也可以减少所需的渲染或重新计算的次数。

其他选项是通过手表或api回调来更新数据。