vue2-datatable laravel分页

时间:2018-10-26 08:20:38

标签: laravel vue.js

看来我无法使vue2-datatable分页链接正常工作。

我是Vue的新手,从几周以来一直坚持这个测试项目...我不知道它是取决于vue还是laravel方面。

我要发送给其余api调用以下参数:

methods: {
    getIncarichi() {
        axios.get("api/incarico2", {
            params: {
                limit: this.query.limit,
                offset: this.query.offset,
                sort: this.query.sort,
                order: this.query.order,
            }
        })
            .then(response => {
                this.data = response.data.data;
                this.total = response.data.total;
            })
            .catch(error => {
                console.log(error);
            });
    }
},

但是分页程序始终会设置第1页的响应。 这是laravel代码

public function index2(Request $request)
{
    $data = $this->model->getModel()
        ->orderBy($request->sort, $request->order)
        ->paginate($request->limit);
    return response()->json($data);
}

示例: 单击链接(在本例中为第2页)始终使用服务器端laravel LengthAwarePaginator

返回第1页结果

![schermata 2018-10-27 alle 15 08 49](https://user-images.githubusercontent.com/10614142/47604449-49eb2a00-d9fa-11e8-847d-9b746837721e.png)

这是$ data对象的调试屏幕截图 enter image description here

该表未刷新。 (列排序,列过滤和每页项目限制正常运行)。

能否请别人指出我正确的方向? 谢谢

亚历克斯

0 个答案:

没有答案