在Vuetify数据表中读取JSON名称

Question

我有一个来自DB的JSON对象，具有一些工作角色。我正在尝试在Vuetify数据表中显示职位名称

使用{{item.JobRoles.title}}访问该名称将向控制台输出错误：“无法读取属性'title'为null的属性”

我的JSON对象：

JobRoles: { id: 2, title: "HTML Developer", description: "This is the description", status: 1, openings: 5 }

将其访问我的数据表：

<template v-slot:item.jobrole="{item}">
  <p>{{item.JobRoles.title}}</p>
</template>

我想读的是工作职位的“头衔”。