Vue 3 で返された関数値をレンダリングする: ガイド

Question

私は vue js を初めて使用します。次の関数によって返された値をテーブルの行にレンダリングする必要があります:

関数は次のとおりです:

リーリー

テンプレート内の html タグは次のとおりです:

リーリー

ただし、この列の対応する行には何も表示されません。 これらの行に返された値を表示するにはどうすればよいですか?

完全なコードはこちら:

リーリー リーリー

レンダリングされたコンテンツのスクリーンショット: ここをクリック＃＃＃

Answer 1

ユーザー グループを検索して返してみます:

getグループ(id){
  return this.users.find(u => u.id === id).group.group_name
}