vue-tables-2 - vue-tables-2 服务器端数据获取

Question

我的代码如下

<v-server-table url="/campaigns" :columns="columns" :options="options">
</v-server-table>



data () {
    return {
      columns: ['name', 'start_date', 'end_date', 'partner', 'campaign_type', 'creation_date', 'created_by', 'campaign_status'],
      options: {
        compileTemplates: true,
        filterByColumn: true,
        perPage: 20,
        texts: {
          filter: 'Filter:',
          filterBy: 'Filter by {column}',
          count: ' ',
          limit: 'Records: '
        },
        datepickerOptions: {
          showDropdowns: true,
          autoUpdateInput: false
        },
        pagination: { chunk: 10, dropdown: false },
        filterable: ['name', 'start_date', 'end_date', 'partner', 'campaign_type', 'creation_date', 'created_by', 'campaign_status'],
        sortable: ['name', 'start_date', 'end_date', 'partner', 'campaign_type', 'creation_date', 'created_by', 'campaign_status'],
        headings: {
          name: 'Campaign Name',
          start_date: 'Start Date',
          end_date: 'End Date',
          id: 'CampaignId',
          partner: 'Partner',
          campaign_type: 'Campaign Type',
          creation_date: 'Creation Date',
          campaign_status: 'Status',
          created_by: 'Created By'
        }
        }
      }
    }
  }

我不想在 v-server-table 中使用直接 url。我在 vuex 商店中定义了一个函数，我想使用该函数而不是使用 URL 来使用该函数来处理数据。

我怎样才能做到这一点？

Answer 1

使用https://www.npmjs.com/package/vue-tables-2中服务器端文档中列出的 requestFunction 选项

在函数中，您可以定义自己的获取请求函数，并且可以从表中省略 url 属性。上面链接的文档中有一个示例。