mockjs实现分页功能,解析url中的参数

定义页数和每页显示数据条数以及总页数

data() {
    return {
      //页数
      pageindex: 1,
      //每页显示数据条数
      pagesize: 20,
      //总页数
      totalpages: 0,
    }
}

 发起get请求，并把页数和每页显示数据条数作为参数传递

methods: {
    async getOrdersList() {
      const { data: res } = await this.$http.get('/get/orders', { params: { pageindex: this.pageindex, pagesize: this.pagesize } })
      // console.log(res);
      if (res.status !== 200) {
        ElMessage.error('页面加载失败')
        return
      }
      this.ordersList = res.orderList
      this.totalpages = res.orderTotals
    },

 

 模拟geti请求，计算起始位置、结束位置以及总页数，计算出一个新数组并return出去

//模拟get请求
Mock.mock(/\/api\/list\/get\/orders/, "get", (options) => {
  // console.log(options);
  //调用getQuery函数并获取函数的值
  const pageindex = getQuery