el-tab-pane隐藏下方的文字

在Element UI库中的`el-tabs`组件中，`el-tab-pane`用于表示一个选项卡项，它默认是可见的。如果你想要某个`tab-pane`的内容在初始时不显示，你可以通过设置`lazy`属性为`true`，然后在对应的`lazy-render`函数中返回一个Promise，当Promise解析后，内容才会渲染出来。同时，你还可以通过`active-name`属性控制其是否激活（即显示），将其值设为非当前激活的`name`即可使其默认隐藏。

例如：

<el-tabs v-model="activeName">
  <el-tab-pane name="pane1" :lazy="isLazy" lazy-render="renderPane1">内容1</el-tab-pane>
</el-tabs>

<script>
export default {
  data() {
    return {
      activeName: 'pane1', // 默认第一个激活
      isLazy: true, // 初始隐藏
    };
  },
  methods: {
    renderPane1() {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve();
          // 这里可以添加你要展示的具体内容
        }, 2000);
      });
    },
  },
};
</script>

在这个例子中，`pane1`会在2秒后显示。如果你想直接让内容隐藏，可以不用`lazy`和`lazy-render`，而是直接在内容上添加`v-if`条件判断：

<el-tab-pane v-if="isActive('pane1')" ...>内容1</el-tab-pane>

其中`isActive('pane1')`是一个布尔值表达式，决定是否显示该`tab-pane`。