antd vue a-tabs组件下的组件接口重复请求多次问题

Question

一个tabs组件，里面有7个table组件，每个组件请求一个接口
为什么，点第一个第一个页面请求一次接口，第二个请求两次，第七个一下请求7次相同的接口
请问怎么造成的，有啥办法不，感谢

        <!-- tab切换 start -->
        <a-tabs default-active-key="1" @change="callback">
          <template v-for="item in tabPaneArr">
            <a-tab-pane :key="item.key" :tab="item.tab">
              <!-- 项目成员 -->
              <keep-alive>
                <Members v-if="activedKey == 1"></Members>
              </keep-alive>
              <!-- 受试者 -->
              <keep-alive>
                <Subject v-if="activedKey == 2"></Subject>
              </keep-alive>
              <!-- 访视管理 -->
              <keep-alive>
                <Visit v-if="activedKey == 3"></Visit>
              </keep-alive>
              <!-- 审批流程 -->
              <keep-alive>
                <Approval v-if="activedKey == 4"></Approval>
              </keep-alive>
              <!-- 费用科目 -->
              <keep-alive>
                <Expense v-if="activedKey == 5"></Expense>
              </keep-alive>
              <!-- 项目合同 -->
              <keep-alive>
                <Contract v-if="activedKey == 6"></Contract>
              </keep-alive>
              <!-- 项目费用 -->
              <keep-alive>
                <Bill v-if="activedKey == 7"></Bill>
              </keep-alive>
            </a-tab-pane>
          </template>
        </a-tabs>
        <!-- tab切换 end -->

Answer 1

我用的vant tab组件遇到类似的问题，在子组件v-if里多加一个判断条件，当前选择tab的索引是否和遍历的索引相同。不知道是否适用你这个