el-tabs切换页面刷新，重新加载？

在Vue.js的Element UI库中的el-tabs组件，如果你想要在切换页面时刷新内容而不是仅仅更新当前视图，通常可以结合`v-if`或`keep-alive`指令来实现。`v-if`会在每次切换时创建一个新的实例，而`keep-alive`则会缓存已渲染的组件，在条件满足时再显示出来。

例如：

<template>
  <el-tabs v-model="activeIndex" @tab-click="handleTabClick">
    <el-tab-pane v-for="(item, index) in tabs" :key="index" :label="item.name" v-if="!isCached(index)">
      <component :is="item.componentName"></component>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: 0,
      tabs: [
        { name: 'Tab 1', componentName: 'Tab1Component' },
        { name: 'Tab 2', componentName: 'Tab2Component' },
      ],
      // 使用一个数组记录是否需要缓存每个tab
      isCached: new Array(tabs.length).fill(false)
    };
  },
  methods: {
    handleTabClick(index) {
      this.isCached[index] = true; // 刷新对应tab
      this.$nextTick(() => {
        this.isCached[index] = false; // 再次设置为false，下次切换时会再次刷新
      });
    }
  }
};
</script>

在这个例子中，每次切换到新的tab时，`isCached`数组将标记该tab为需要刷新，然后在下一次渲染周期（通过`$nextTick`保证DOM更新完成后）清除标记，使得下次切换回到这个tab时它会被刷新。