解决tab切换,会缓存组件,不会重复调接口加载页面问题

1,559 阅读1分钟

需求:每次的tab切换都要去调接口加载页面

代码解决例子:

<a-tabs default-active-key="1" @change="handleClickTab">

 <a-tab-pane 
  v-for="(item, index) in list" :key="item.value" 
 :tab="item.title">
  <commonPart v-if="active==index+1"/>
</a-tab-pane>
通过v-if="active==index+1"来实现每次切换的时候加载组件。