vue 前端怎么传 pageable.offset ， pageable.pageSize

在Vue前端中，可以通过axios发送GET请求传递pageable.offset和pageable.pageSize参数。假设你要发送请求到后端的API接口地址为http://your-api-url，可以按照以下步骤传递参数：

1. 在Vue组件中定义pageable对象，包含offset和pageSize属性，例如：

data() {
  return {
    pageable: {
      offset: 0,
      pageSize: 10
    },
    // 其他数据属性
  }
}

2. 在发送GET请求时，将pageable对象作为params参数传递给axios，例如：

axios.get('http://your-api-url', {
  params: {
    offset: this.pageable.offset,
    pageSize: this.pageable.pageSize
  }
}).then(response => {
  // 处理响应结果
}).catch(error => {
  // 处理请求错误
})

3. 在页面上添加分页控件，例如：

<template>
  <div>
    <!-- 列表内容 -->
    <ul>
      <li v-for="item in items" :key="item.id">{{ item.name }}</li>
    </ul>
    <!-- 分页控件 -->
    <div>
      <button @click="prevPage">上一页</button>
      <span>{{ pageable.offset / pageable.pageSize + 1 }}</span>
      <button @click="nextPage">下一页</button>
    </div>
  </div>
</template>

4. 在分页控件的点击事件处理函数中更新pageable对象的offset属性，例如：

methods: {
  prevPage() {
    this.pageable.offset -= this.pageable.pageSize
    this.loadItems()
  },
  nextPage() {
    this.pageable.offset += this.pageable.pageSize
    this.loadItems()
  },
  loadItems() {
    axios.get('http://your-api-url', {
      params: {
        offset: this.pageable.offset,
        pageSize: this.pageable.pageSize
      }
    }).then(response => {
      this.items = response.data.items
    }).catch(error => {
      // 处理请求错误
    })
  }
}

这样就可以实现在Vue前端中传递pageable.offset和pageable.pageSize参数了。