laravel+vue+vuetify 前端匹配不到數據記錄 No matching records found

后端數據：使用guzzle獲取api數據，（安裝擴展包guzzle）

use GuzzleHttp\Client;

//獲取請求遠程產品信息需要的參數
public function getParams(Request $request){
//guzzle獲取數據
    $client = new Client(['base_uri'=>'api地址']);
    $response = $client->request('POST','api地址后的路由',['body'=>json_encode($params)]); //

['body'=>json_encode($params)]為請求時傳的參數json格式

    $body = $response->getBody();//guzzle獲取的數據
    $body_result = json_decode($body,true);  //此處為獲取的api數據
    $arr = array();
//傳化為前端需要的數據
    foreach( $body_result['data']['intro'] as $key=>$value){
        $arr[$key]['name'] = basename(parse_url($value)['path']);
        $arr[$key]['path'] = $value;
    }
    return $arr;
}

前端vue：（獲取到后端數據后最終要的

:server-items-length="remoteItemslength"僅在服務器提供數據時使用。 應該設置為服務器上可用項目的總數，以便分頁可以正常工作，這個屬性不寫，v-data-table就會出現No matching records found

）

<v-data-table :server-items-length="remoteItemslength" :headers="remoteHeaders" :items="remoteItems" :loading="loading" class="elevation-1" :search="remoteSearch" v-model="remoteSelected" show-select>
    <template v-slot:top>
        <v-toolbar flat color="white">
            <!--                            搜索框-->
            <v-text-field v-model="remoteSearch" label="Search Code"></v-text-field>
            <v-spacer></v-spacer>
            <v-dialog v-model="itemDialog" max-width="500px">
                <template v-slot:activator="{ on }">
                    <v-btn type="submit" v-on:click="searchRemotePic" color="primary" dark class="mb-2">
                        {{ $t('message.search') }}</v-btn>
                </template>
            </v-dialog>
        </v-toolbar>
    </template>
    <template v-slot:item.path="{ item }">
        <img :src="item.path" style="width:100px;"/>
    </template>

</v-data-table>

獲取到后端返回的數據之后，為該變量賦值

this.remoteItemslength = res.data.length;

)