当我想使用 paginate(10)来获取数据时,Vue js却没有执行此操作,但是当我使用paginate(5)时,该控制器与以下代码的关系很好模型文件,并且响应状态为200正常工作
value:
from:
property: property-value
此代码实际上对我有用,但我想在我的页面上获得10个结果,像这样
$results = Posts::with(['comment'])
->orderBy('created_at', 'desc')
->paginate(5);
return response()
->json(['results' => $results]);
使用$results = Posts::with(['comment'])
->orderBy('created_at', 'desc')
->paginate(10);
return response()
->json(['results' => $results]);
或> 5不提供任何数据,并在使用Vue js的控制台上获取错误,但响应正常200
我在不使用vujs的情况下制作了这个应用程序,我使用了3年的laravel,对不起->paginate(10)
和邮递员,所有使用过的东西都给了我,名为dd()
的对象json都正常工作
答案 0 :(得分:0)
建议
对于分页,我建议您使用jquery数据表进行正确的分页。很好,可以节省很多时间。参见下面的示例实现:
//this section call the document ready event making sure that datatable is loaded
<script>
$(document).ready(function() {
$('#').DataTable();
} );
//this section display the datatable
$(document).ready(function() {
$('#mytable').DataTable( {
dom: 'Bfrtip',
"pageLength": 10, //here you can set the page row number limit
buttons: [
{
extend: 'print',
customize: function ( win ) {
$(win.document.body)
.css( 'font-size', '10pt' )
.prepend(
''
);
$(win.document.body).find( 'table' )
.addClass( 'compact' )
.css( 'font-size', 'inherit' );
}
}
]
} );
} );
</script>
//you can display record on the datatable after querying from your cntroller as shown below
<div class="table-responsive col-md-12">
<table id="mytable" class="table table-bordered table-striped table-highlight">
<thead>
<tr bgcolor="#c7c7c7">
<th>S/N</th>
<th>Name</th>
</tr>
</thead>
<tbody>
@php
$i=1;
@endphp
@foreach($queryrecord as $list)
<tr>
<td>{{ $i++ }}</td>
<td>{{ $list->name }}</td>
</tr>
@endforeach
</tbody>
</table>
<hr />
</div>