Vue.js Vue-Tables-2端服务器获取错误“；无法读取属性'；数据'；“未定义”的定义；为什么？

我正在使用vue-tables-2管理数据。我想实现服务器端。但我有个问题。我也能得到数据。但我不知道为什么我会收到那个错误信息。这是我的代码：

HTML

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

Vue Js

<script>
var config = {
  "PMI-API-KEY": "erpepsimprpimaiy"
};
export default {
  name: "user-profile",
  data() {
    return {
      columns: ["golongan_name"],
      options: {
        requestFunction: function(data) {
          return this.$http({
            url: "api/v1/golongan_darah/get_all_data",
            method: "post",
            headers: config
          }).then(res => {
            this.data = res.data.data;
            console.log(res);
          });
        },
        filterable: ["golongan_name"],
        sortable: ["golongan_name"],
        filterByColumn: true,
        perPage: 3,
        pagination: { chunk: 10, dropdown: false },
        responseAdapter: function(resp) {
          return {
            data: resp.data,
            count: resp.total
          };
        }
      }
    };
  }
};
</script>

变量配置={
“PMI-API-KEY”：“ERPEPSPIMAY”
};
导出默认值{
名称：“用户配置文件”，
数据（）{
返回{
列：[“golongan_name”]，
选项：{
requestFunction：函数（数据）{
返回此文件。$http({
url：“api/v1/golongan\u darah/get\u all\u data”，
方法：“张贴”，
标题：配置
})。然后（res=>{
this.data=res.data.data；
控制台日志（res）；
});
},
可过滤：[“golongan_name”]，
可排序：[“golongan_name”]，
filterByColumn:对，
每页：3，
分页：{chunk:10，dropdown:false}，
responseAdapter：功能（resp）{
返回{
数据：分别数据，
计数：分别总计
};
}
}
};
}
};

这就是错误：

---

您能提供您的答复吗？我已附上图片格式