Datatables VueJs中的vuetable-2不';t从父组件获取数据
问题如下: 我使用vuetable-2包()对表进行格式化和分页。 获取数据的标准方法是使用“api url”属性并定义准确的传递: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>
<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() {
...
},
}