vue 下拉列表分页

在Vue中，下拉列表分页是一种常见的分页方式，用于在页面上展示大量数据并进行分页展示。在实现下拉列表分页的过程中，可以使用全局注册组件来引入分页组件，并通过设置分页属性来控制分页的显示和行为。

首先，需要在Vue中全局注册分页组件，可以使用下面的代码实现：

// 全局注册组件
import PaginationSelect from '@/components/SearchInput'
Vue.component('PaginationSelect', PaginationSelect)

接下来，需要设置分页属性，可以使用下面的代码实现：

// 分页信息
setSelectPage: {
  pageSize: 6, // 每页显示条数
  currentPage: 1, // 当前页
  pagerCount: 5, // 按钮数，超过时会折叠
  total: 0 // 总条数
}

最后，需要实现下拉列表分页的点击事件，可以使用下面的代码实现：

// 下拉列表分页的点击事件
pageNationChange(val) {
  // 设置当前页为点击的页
  this.setSelectPage.currentPage = val;
  // 重新调用分页查询的方法
  this.getAthListLocal(this.setSelectPage);
}

以上就是在Vue中实现下拉列表分页的基本步骤和代码。你可以根据实际情况进行调整和扩展。