Vue.js 对v-data-table项调用函数

假设我有一个对象列表：

[teacher {
   name: '',
   department: 'this is department id',
   .......
   .......
}]

我将部门作为另一个对象：

[department {
  id: '',
  name: '',
  ......
  .....
  }]

我已将部门的getter实现为：

state: {
    departments: [],
  },
  getters: {
    getDepartmentById: (state) => (id) => {
        return state.departments.find(d => d.id == id)
      }
  },

---

我正在使用vuetify

v-data-table

渲染项目。现在如何调用

getDepartmentById

函数在教师列表中加载部门名称。我想显示的部门名称是教师列表，现在我有了部门id。

您可以使用以下代码作为模板：

<template>
  <v-data-table
    :headers="headers"
    :items="teachers"
    :items-per-page="5"
    class="elevation-1"
  ></v-data-table>
</template>

---

您可以将这段代码用于模板：

<template>
  <v-data-table
    :headers="headers"
    :items="teachers"
    :items-per-page="5"
    class="elevation-1"
  ></v-data-table>
</template>

---

您是否将标头数据放入vue数据模型？是否将标头数据放入vue数据模型？我正在使用axios调用api。在我调用的

created

hook上

const teacherJson=this.get_teacher_list（）

，

get_teacher_list

使用

vuex

的

mapAction

映射动作，并按照上面的代码执行。但是我在控制台中得到了

teacherJson.map不是一个函数

错误。这是因为一个操作没有返回，您必须将调用与状态变量关联，然后创建一个getter来访问它的值。我正在使用axios调用api。在我调用的

created

hook上

const teacherJson=this.get_teacher_list（）

，

get_teacher_list

使用

vuex

的

mapAction

映射动作，并按照上面的代码执行。但是我在控制台中得到的

teacherJson.map不是一个函数

错误。这是因为一个操作没有返回，您必须将调用与一个状态变量关联，然后创建一个getter来访问它的值