Vue.js Vuetify DataTable sortable和filter在从api laravel读取数据后不工作

Vue.js Vuetify DataTable sortable和filter在从api laravel读取数据后不工作,vue.js,datatable,axios,nuxt.js,vuetify.js,Vue.js,Datatable,Axios,Nuxt.js,Vuetify.js,Vuetify DataTable sortable和filter在从api laravel读取数据后不工作 当我从Laravel API读取数据时,排序和筛选不起作用 适用于静态数据 <v-data-table :headers="headers" :items="posts" class="elevation-1" ></v-data-table>

Vuetify DataTable sortable和filter在从api laravel读取数据后不工作

当我从Laravel API读取数据时,排序和筛选不起作用

适用于静态数据

<v-data-table
        :headers="headers"
        :items="posts"
        class="elevation-1"
      ></v-data-table>


data () {
    return {
      headers: [
 
        { text: 'id', value: 'id' },
        { text: 'title', value: 'title' },
      ],
      posts: []
})

数据(){
返回{
标题:[
{文本:'id',值:'id'},
{文本:'title',值:'title'},
],
员额:[]
})

readfromapi(){this.$axios.post(.then(response){this.post=response.data.result})在本例中,排序不起作用。但是我的代码不起作用排序和筛选能否更新问题以在响应中显示实际的API数据?