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

4.4.3.5.3 分页工具栏

分页条我们之前做过，所以我们直接找到之前的案例，复制即可，代码如下：

其中template模块代码如下：

 


同时methods中需要声明2个函数，代码如下：

handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
        }

此时打开浏览器，效果如下图所示：

此时整体代码如下：

​

​

​