vant获取首页以及tab页面数据不重复提交解决方案

<van-tabs v-model="active" swipeable @click="onClick">
      <van-tab v-for="(item, index) in list" :key="index" :title="item.name">
      </van-tab>
    </van-tabs>

this.$axios.get("index_category/data").then((v) => {console.log(v)}）

this.list = v.data.data.category;

let arr = [];
      for (let i = 0; i < this.list.length; i++) {
        // 遍历整个索引
        console.log(i);
        let forward = i === 0 ? "after" : "before"; // 判断当前索引是否为0，不为则跳转before
        // console.log(forward);
        var obj = {
          list: [],
          forward: forward,
        };
        if (i === 0) {
          obj.list = v.data.data.data;
          console.log(obj.list);
        }
        arr.push(obj);
        this.newsItems = arr;
        // console.log(this.newsItems);
      }

var obj = {
          list: [],
          forward: forward,
        };

obj.list = v.data.data.data;

arr.push(obj)

this.newsItems = arr;

onClick(name, title) {
      console.log(name);
      const btn = 1;
      console.log(this.newsItems[name]);
      if (this.newsItems[name].forward === "after") {
        return;
      } else {
          var id = this.list[name].id
          let obj = this.newsItems[name]
          var page = Math.ceil(obj.list.length / 5) + 1
          // console.log(id);
          // console.log(page);
          // console.log(obj); //obj获取到after以及before
          obj.forward ='before'
          console.log( obj.forward);
          this.$axios.get(`/index_category/${id}/data/${page}`).then((v) => {
             console.log(v);
             obj.forward ='after'
             console.log( obj.forward);
             var data = v.data.data
             obj.list = [...obj.list,...data]
             console.log(obj.list);
        });
      }
      /*       if (name != 0) {
        this.$axios.get(`/index_category/${name}/data/${btn}`).then((v) => {
          console.log(v);
        });
      } */
    },

this.newsItems[name]

this.list[name]

var id = this.list[name].id

this.newsItems[name]

var page = Math.ceil(obj.list.length / 5) + 1

obj.forward ='before'

this.$axios.get(`/index_category/${id}/data/${page}`).then((v) => {
             console.log(v);
        });