v-forで回した値から式操作をしたいです

Question

v-forで回して取得した値に関する他のモデルのデータを表示させたいです。

今回の場合下記コードで blog in blogsのblogを回しています。そのblogに紐付いたuser_idからuserのデータを表示させたいです。

<tr v-for="blog in blogs" :key="blog.id">
  <td>{{ this.$store.getters.users.find((user) => user.id === blog.user_id) }}</td> #ここでuser.nameとしユーザーの名前を表示させたい
  <td>{{ blog.title }}</td>
  <td>{{ blog.opinion }}</td>
</tr>

こういうことは可能なのでしょうか？

他に試したこと

下記のようにcomputedの部分でデータを回してみましたが、user()の値が取得できないっぽいです..

computed: {
      blogs() {
        return this.$store.state.blogs
      },
      user() {
        return this.blogs.forEach((blog) => {
          this.$store.getters.users.find((user) => {
            user.id === blog.creatorId
          })
        })
      }
}

稚拙な質問で申し訳ないのですが、ご教授いただけると幸いです????‍♂️

Answer 1

findすることでできた