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选项。

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

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

1 个答案: