javascript - 尝试为不同的当前页面调用不同的方法时出现问题？

Question

let offset = this.currentPage * this.gridperPage
let accToken = localStorage && localStorage.loggedinUser ? localStorage.loggedinUser : null;
const categoryUrl = project_key + `/product-projections/search?offset=${offset}&limit=${this.gridperPage}`;
const sendGetRequest = async() => {

  let access_token = await axios.request({
    method: "get",
    baseURL: categoryUrl,
    headers: {
      'Authorization': "Bearer " + accToken,
      'Content-Type': 'application/json',
    },
    data: {}
  }).then((response) => {
    if (response) {
      // this.productsList = response.body;
      this.productsList = response.data.results;
      // eslint-disable-next-line
      console.log(this.productsList);
    }

  });




};
sendGetRequest();

listperPage: 8, gridperPage: 12,

如何计算偏移值，我正在处理分页，我有一个 api 来调用偏移和限制以维护页面中的最小产品。

所以我计算了偏移值并给出了 currentpage * gridpage，基于此，当移动到第二页偏移时工作正常，但是当向后移动时偏移是错误的。

所以我想计算偏移值，例如，如果 page1(offset0 limit 12) page2(offset12 limit 12) page3(offset24 limit 12) ...

标签： javascriptvue.js