Question

问题如下：我使用vuetable-2包（https://github.com/ratiw/vuetable-2）进行表格格式化和分页。获取数据的标准方法是使用“api-url”prop并定义精确传递：

<template>
  <vuetable ref="vuetable"
    api-url="https://vuetable.ratiw.net/api/users"
    :fields="['name', 'email', 'birthdate']"
  ></vuetable>
</template>

但是如果我想从data（）函数中获取数据怎么办？像这样：

data() {
    return {                       
           users: [],
           }
       }

首先，我想使用xhttp请求和方法来获取数据：

getUsers() {                    
                this.$http.get(hostname + 'name=person_list&session_id=' + sessionApiId).then(response => {
                    this.users = connectionService.renderMultipleInstances(response.body);
                }, response => {
                    // error callback
                });
            },

需要使用connectionService Class格式化数据。

然后我需要将它传递给表，但没有传递任何内容，但是在文档（https://github.com/ratiw/vuetable-2/wiki/Vuetable-Data）中声明了以下内容：

tableData在api-mode中，它存储从中返回的数据成功的AJAX请求后的服务器。否则，它存储数据分配给via data prop或setData方法。 Vuetable总是使用 tableData用于表呈现。

如何将用户传递给vuetable。

Answer 1

您可以在此处阅读该文档： https://github.com/ratiw/vuetable-2/blob/develop/docs/Vuetable-Properties.md#-http-fetch-v17

模板：

<template>
  <vuetable ref="vuetable"
  :http-fetch="getUsers"
  :fields="['name', 'email', 'birthdate']"
></vuetable>
</template>

脚本

methods: {
  getUsers() {
   ...
  },
}

VueJs中的vuetable-2无法从父组件

1 个答案: