html、js实现分页展示的功能

在Vue2中实现分页功能可以通过以下步骤： 1. 安装一个分页组件，例如`vue-pagination-2`： ``` npm install vue-pagination-2 --save ``` 2. 在组件中引入分页组件： ```javascript import Pagination from 'vue-pagination-2' ``` 3. 在模板中使用分页组件： ```html <pagination :total="totalItems" :per-page="perPage" v-model="currentPage" @page-changed="pageChanged"></pagination> ``` 其中，`total`表示总条目数，`per-page`表示每页显示的条目数，`v-model`绑定当前页数，`@page-changed`监听页数变化事件。 4. 在组件中定义相关数据和方法： ```javascript data() { return { currentPage: 1, perPage: 10, totalItems: 100 } }, methods: { pageChanged(page) { console.log('Current page is: ' + page) // 在这里根据页数获取对应的数据 } } ``` 在`pageChanged`方法中，可以根据页数获取对应的数据，然后在页面中展示。