elementUi的分页插件如何动态使用

ElementUI的分页插件可以通过传递不同的参数来实现动态使用。具体来说，你可以在父组件中定义一个变量，用于控制当前页码和每页显示条数，然后将这些参数通过props传递给分页组件。

例如，你可以在父组件中定义如下变量：

data() {
  return {
    currentPage: 1,
    pageSize: 10,
    total: 100
  }
}

然后在模板中使用分页组件，并将这些变量通过props传递给它：

<el-pagination
  :current-page="currentPage"
  :page-size="pageSize"
  :total="total"
  @current-change="handleCurrentChange"
  @size-change="handleSizeChange"
/>

其中，`current-page`表示当前页码，`page-size`表示每页显示条数，`total`表示总条数。`@current-change`和`@size-change`是分页组件触发的事件，用于处理页码和每页显示条数的变化。

最后，在父组件中定义处理页码和每页显示条数变化的方法：

methods: {
  handleCurrentChange(val) {
    this.currentPage = val;
    // TODO: 处理当前页码变化
  },
  handleSizeChange(val) {
    this.pageSize = val;
    // TODO: 处理每页显示条数变化
  }
}

在这些方法中，你可以根据当前页码和每页显示条数来从后台获取数据，并更新`total`变量的值。这样，分页组件就可以根据最新的参数重新渲染分页条了。