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