需求，vue项目中，使用el-tabs实现，点击tabs的时候，页面再刷新渲染，没点击的tab页面不渲染，

你可以在 `el-tabs` 组件上监听 `tab-click` 事件，并在事件处理函数中手动触发当前 tab 内容组件的刷新。

具体实现步骤如下：

1. 在每个 tab 内容组件中添加一个 `activated` 方法，该方法会在组件被加载时被调用：

<template>
  <div>
    <!-- tab 内容 -->
  </div>
</template>

<script>
export default {
  activated() {
    // 在这里实现 tab 内容的刷新逻辑
  }
}
</script>

2. 在 `el-tabs` 组件上监听 `tab-click` 事件，并在事件处理函数中手动触发当前 tab 内容组件的刷新：

<template>
  <el-tabs @tab-click="handleTabClick">
    <el-tab-pane label="Tab 1">
      <tab1-component ref="tab1"></tab1-component>
    </el-tab-pane>
    <el-tab-pane label="Tab 2">
      <tab2-component ref="tab2"></tab2-component>
    </el-tab-pane>
    <el-tab-pane label="Tab 3">
      <tab3-component ref="tab3"></tab3-component>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import Tab1 from './Tab1.vue'
import Tab2 from './Tab2.vue'
import Tab3 from './Tab3.vue'

export default {
  components: {
    Tab1,
    Tab2,
    Tab3
  },
  methods: {
    handleTabClick(tab) {
      this.$nextTick(() => {
        this.$refs[tab.name].$options.activated = () => {
          this.$refs[tab.name].$forceUpdate()
        }
      })
    }
  }
}
</script>

在上面的代码中，我们在 `el-tabs` 组件上监听了 `tab-click` 事件，并在事件处理函数中通过 `$refs` 获取当前 tab 内容组件的实例，并将其 `activated` 方法重写为一个新的方法，该方法会在组件被加载时强制刷新组件。需要注意的是，由于 `$refs` 可能还未被初始化，因此我们需要在 `$nextTick` 中执行这段代码，以确保 `$refs` 中已经包含了所有的 tab 内容组件实例。