首页 > 解决方案 > 我想根据数据库中的记录限制底部的页码分页。我给出了条件,但它不起作用。请检查一下

问题描述

这是我的代码,最后我给出了页面链接的条件。偏移量 = 4 我将页面链接修复为 4。例如 < 1 2 3 4 > 我想要这个输出。但我的输出是 < 1 2 3 4 5 6 7 8 > 当记录增加时,页面链接也会扩展我想修复它。

<div class="text-center" v-if="totalPage > 1">
                    <nav aria-label="Page navigation example">
                        <ul class="pagination">
                            <li class="page-item" :class="{disabled:filter.page <= 1}">
                                <a class="page-link" v-if="filter.page <=1">{{__("Previous")}}</a>
                                <a class="page-link" href="#" v-if="filter.page > 1" v-on:click="changePage(filter.page-1,$event)">{{__("Previous")}}</a>
                            </li>
                            <li class="page-item" v-if="p >= (filter.page-3) && p <= (filter.page+3)" :class="{active: p == filter.page}" v-for="p in totalPage" @click="changePage(p,$event)">
                                <a class="page-link" href="#">@{{p}}</a></li>
                            <li class="page-item" :class="{disabled:filter.page >= totalPage}">
                                <a v-if="filter.page >= totalPage" class="page-link">{{__("Next")}}</a>
                                <a href="#" class="page-link" v-if="filter.page < totalPage" v-on:click="changePage(filter.page+1,$event)">{{__("Next")}}</a>
                            </li>
                            <pagination v-if="pagination.@{{p}} >1" :pagination="pagination" :offset="4" @paginate="fetchPosts()" </pagination>
                        </ul>
                    </nav>
                </div>

标签: phpmysqllaravelvue.js

解决方案


推荐阅读