Javascript Vue.js：用元素绘制表格，为每一行调用api

我有一个vue组件：

<template>
  <div class="tableWrapper">
    <md-table
            class="scheduledListJobList"
            v-model="scheduledList"
    >
      <md-table-row :class="item.status" slot="md-table-row" slot-scope="{item}" @click="open(item)">
        <md-table-cell class="nameColumn" md-label="Название задания" to="/upload" >{{ item.name}}</md-table-cell>
        <md-table-cell md-label="Номер билда">{{ item.jobNumber }}</md-table-cell>

      </md-table-row>
    </md-table>
  </div>
</template>

<script>
import { mapState } from "vuex";
import {permissionList} from "../../permission/permission";
import {Job} from "../../api";

export default {
  name: "gg-jobs-list",

  computed: mapState(["scheduledList"]),

  mounted: function(){
    this.$store.dispatch('GET_SCHEDULED_JOBS');
  },
  data: function () {
    return {
     element: null
    };
  },

  methods: {
    open(selected) {
      this.$router.push({ path: '/jobs/' + selected.routeId});
    },
    refresh(){
      Job.getJobs()
    }
  }
};
</script>

从这个方法中，我应该返回一个带有开始和结束字段的对象。 对于这些字段，我必须将每个scheduledList元素添加到表中

---

我该怎么做？非常感谢您的帮助。

将另一个计算属性添加为

v-model

指令值：

 computed:{
        ...mapState(["scheduledList"]),
    scheduledListRefreshed:{
      get(){
        return this.scheduledList.map(item=>{
                 item.jobs=Job.getJobs(item.id);
                 return item;
        },
      set(val){

      }
    }

模板：

{{item.name}
{{item.jobNumber}

你在哪里调用

refresh

？@boussadjraham该方法没有重命名它，但该方法调用后端'getJobs:id=>getRequest（

/routes/monitoring/jobs/${id}

，null'）。我不明白在绘制图形时如何为每个元素调用它table@click=“刷新”它只在单击时工作，我需要它在绘图时自行完成

 computed:{
        ...mapState(["scheduledList"]),
    scheduledListRefreshed:{
      get(){
        return this.scheduledList.map(item=>{
                 item.jobs=Job.getJobs(item.id);
                 return item;
        },
      set(val){

      }
    }