如何再vue中用pagination分页插件

在 Vue 中使用 pagination 分页插件的步骤如下：

1. 安装 pagination 插件：可以使用 npm 或 yarn 进行安装，例如：

npm install vuejs-paginate --save

2. 在 Vue 组件中引入 pagination 插件：

import Paginate from 'vuejs-paginate'

3. 在 Vue 组件中注册 pagination 组件：

export default {
  components: {
    Paginate
  }
}

4. 在 Vue 模板中使用 pagination 组件：

<paginate
  :page-count="pageCount"  // 总页数
  :click-handler="handlePageClick"  // 点击页码的回调函数
  :prev-text="'上一页'"  // 上一页按钮文本
  :next-text="'下一页'"  // 下一页按钮文本
  :container-class="'pagination'"  // 分页器容器的类名
  :page-class="'page-item'"  // 每个页码的类名
  :active-class="'active'"  // 当前页码的类名
/>

5. 在 Vue 组件中定义 handlePageClick 函数，处理点击页码的逻辑：

methods: {
  handlePageClick (pageNumber) {
    console.log('Clicked page ' + pageNumber)
    // 根据页码获取对应的数据
    // ...
  }
}

以上就是在 Vue 中使用 pagination 分页插件的基本步骤。