javascript-从select接收值并在表中显示时出现问题

我无法呈现从数据库中获取的数据。我创建了一个计算属性，试图在表中显示数据。然而，当接收到这些数据时，其中一个最终以数值形式返回。

电子邮件：“email@email.com'id:1姓名：'安东尼奥的职业：'德夫角色：'1'

这个角色与我的活动列表有关：

export const AvailableUserRoles: Array = [
      {
        label: 'Administrator',
        value: 1
      },  
      {
        label: 'Counter',
        value: 2
      },
      {
        label: 'Tester',
        value: 5
      },
      {
        label: 'employees',
        value: 6
      }

]

在我的computed属性中，我尝试执行以下函数以尝试返回所需的值，我尝试检查through value以返回一个标签以在表中显示该值，但效果不好。

  const roleName = computed(() => {      
      return (item: unknown) => {
        return AvailableUserRoles.map((option) => {
          if(item == option.value){
            return option.label
          }else{
            return item
          }
        })
      }
   })

这是我表中的行，我在其中发送从角色接收到的值，这样我就可以在computed属性中访问该值。