From a575f62498b21d0897d757f2308bdb745cceb7ed Mon Sep 17 00:00:00 2001
From: John <John60676@qq.com>
Date: Fri, 10 Sep 2021 13:42:10 +0800
Subject: [PATCH] docs(table): fix ajax demo

---
 components/table/demo/ajax.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/table/demo/ajax.vue b/components/table/demo/ajax.vue
index ce1114283d..5cc3b39c19 100644
--- a/components/table/demo/ajax.vue
+++ b/components/table/demo/ajax.vue
@@ -38,6 +38,7 @@ This example shows how to fetch and present data from a remote server, and how t
 import type { TableProps } from 'ant-design-vue';
 import { usePagination } from 'vue-request';
 import { computed, defineComponent } from 'vue';
+import axios from 'axios';
 const columns = [
   {
     title: 'Name',
@@ -76,7 +77,7 @@ type APIResult = {
 };
 
 const queryData = (params: APIParams) => {
-  return `https://randomuser.me/api?noinfo&${new URLSearchParams(params)}`;
+  return axios.get<APIResult>('https://randomuser.me/api?noinfo', { params });
 };
 
 export default defineComponent({
@@ -87,8 +88,8 @@ export default defineComponent({
       loading,
       current,
       pageSize,
-    } = usePagination<APIResult>(queryData, {
-      formatResult: res => res.results,
+    } = usePagination(queryData, {
+      formatResult: res => res.data.results,
       pagination: {
         currentKey: 'page',
         pageSizeKey: 'results',