如果不从后台请求数据,那么就需要在前端手动管理数据。可以使用以下步骤实现该功能:
- 在 Vue 组件的 data 中定义一个数组来存放所有数据(不分页)。
data() {
return {
allData: [], // 所有数据
currentPage: 1, // 当前页数
pageSize: 10, // 每页显示的条数
}
}
- 在 mounted 钩子函数中,手动获取数据并存放到上一步定义的数组中。
mounted() {
// 手动获取数据
this.allData = [
{
name: '张三', age: 18, gender: '男' },
{
name: '李四', age: 22, gender: '女' },
{
name: '王五',