Datatables VueJs中的vuetable-2不';t从父组件获取数据

Datatables VueJs中的vuetable-2不';t从父组件获取数据,datatables,vuejs2,Datatables,Vuejs2,问题如下: 我使用vuetable-2包()对表进行格式化和分页。 获取数据的标准方法是使用“api url”属性并定义准确的传递: <template> <vuetable ref="vuetable" api-url="https://vuetable.ratiw.net/api/users" :fields="['name', 'email', 'birthdate']" ></vuetable> </template>

问题如下: 我使用vuetable-2包()对表进行格式化和分页。 获取数据的标准方法是使用“api url”属性并定义准确的传递:

<template>
  <vuetable ref="vuetable"
    api-url="https://vuetable.ratiw.net/api/users"
    :fields="['name', 'email', 'birthdate']"
  ></vuetable>
</template>
首先,我想使用xhttp请求和方法获取数据:

getUsers() {                    
                this.$http.get(hostname + 'name=person_list&session_id=' + sessionApiId).then(response => {
                    this.users = connectionService.renderMultipleInstances(response.body);
                }, response => {
                    // error callback
                });
            },
数据需要使用connectionService类进行格式化

然后我需要将其传递到表中,但没有传递任何内容,但是在文档()中说明了以下内容:

tableData在api模式下,存储从 成功的AJAX请求之后的服务器。否则,它将存储数据 通过data prop或setData方法分配给。Vuetable始终使用 用于表呈现的tableData


如何将用户传递到vuetable。

您可以在此处阅读文档:

模板:

<template>
  <vuetable ref="vuetable"
  :http-fetch="getUsers"
  :fields="['name', 'email', 'birthdate']"
></vuetable>
</template>
<template>
  <vuetable ref="vuetable"
  :http-fetch="getUsers"
  :fields="['name', 'email', 'birthdate']"
></vuetable>
</template>
methods: {
  getUsers() {
   ...
  },
}