0
点赞
收藏
分享

微信扫一扫

Javaweb之Vue组件库Element案例分页工具栏的详细解析

4.4.3.5.3 分页工具栏 分页条我们之前做过,所以我们直接找到之前的案例,复制即可,代码如下:

其中template模块代码如下:

<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" background layout="sizes,prev, pager, next,jumper,total" :total="1000"> 同时methods中需要声明2个函数,代码如下:

handleSizeChange(val) { console.log(每页 ${val} 条); }, handleCurrentChange(val) { console.log(当前页: ${val}); } AI写代码 html

此时打开浏览器,效果如下图所示:

此时整体代码如下:


————————————————

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/qq_69748833/article/details/134759541

举报

相关推荐

0 条评论