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

Question

私は vuejs を初めて使用します。次の関数によって返された値をテーブル内の行にレンダリングする必要があります。関数は次のとおりです: getGroup(id){this.users.forEach(element=>{if(element.id===id)returnelement.group .group_name;} );}テンプレート内の HTML タグは次のとおりです: <td>{{getGroup(ticket.assignee.assignee_id)}}&l

P粉904405941 · Answer

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

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