vue中table表格实现跨页

最新推荐文章于 2024-07-30 17:42:39 发布

nI是我致命的伤囍

最新推荐文章于 2024-07-30 17:42:39 发布

阅读量355

点赞数 1

文章标签： vue.js javascript 前端

原创

本文链接：https://blog.csdn.net/bly802337/article/details/125003030

版权

本文介绍了在Vue.js中如何实现表格数据的跨页展示，包括前端页面的构建和跨页逻辑的处理。

摘要由CSDN通过智能技术生成

vue中table表格实现跨页

1、前端页面

       <div class="check-item">
            <div class="item tldw-ph-v3">
               <Table
                @on-select-all-cancel="selectAllCancel" 
                @on-select-all="selectChange" 
                @on-select="selectChange" 
                @on-select-cancel="selectCancel" 
                :columns="numberColumns" 
                :data="filterdUserData">
                </Table>
             </div>
             <Page 
               :total="total" 
               :current="page" 
               :page-size="pageSize" 
               @on-change="changePage" 
               show-elevator 
               show-total />
        </div>