vue和element-ui设置表格内容分页的实例

让我们关注HTML部分。在template中，我们使用了el-pagination组件来进行分页设置。代码如下：

```html

small

layout="prev, pager, next"

:total="total"

@current-change="current_change">

```

在这段代码中：

“small”属性决定了是否使用小型分页样式。

“layout”属性定义了组件的布局，其中子组件名以逗号分隔。

“:total”绑定了总条目数。

```javascript

methods: {

created: function() {

var url = '

var vm = this;

$.getJSON(url, function(data) {

vm.clazzInfo = data;

vm.total = data.length; // 设置数据总数目！

});

},

current_change: function(currentPage) {

this.currentPage = currentPage;

}

}

```

在这段代码中，url是后端提供的路由地址，我们通过jQuery的getJSON方法获取数据。获取数据后，我们将其保存在clazzInfo中，并设置总数据数total。当页数改变时，我们更新currentPage的值。

```html

```