elementui中el-card的隐藏

在 ElementUI 中，el-card 组件并没有提供直接隐藏的方法，但可以通过设置 el-card 的 style 属性来实现隐藏。具体做法如下：

1. 给 el-card 添加一个唯一的 ref 属性，例如：

<el-card ref="card1">...</el-card>

2. 在需要隐藏 el-card 的地方，通过设置 el-card 的 style 属性来控制它的显示和隐藏，例如：

this.$refs.card1.$el.style.display = 'none'; // 隐藏 card1
this.$refs.card1.$el.style.display = 'block'; // 显示 card1

3. 如果需要在 el-card 中添加一个按钮来进行显示和隐藏操作，可以在 el-card 外部添加一个按钮，并在按钮的 click 事件中调用对应的方法来控制 el-card 的显示和隐藏，例如：

<el-button @click="toggleCard">显示/隐藏 Card1</el-button>
<el-card ref="card1">...</el-card>

...

methods: {
  toggleCard() {
    const card1 = this.$refs.card1.$el;
    if (card1.style.display === 'none') {
      card1.style.display = 'block';
    } else {
      card1.style.display = 'none';
    }
  }
}

注意，以上代码仅为示例，具体实现方式还需根据实际情况进行调整。另外，如果需要在多个地方对 el-card 进行显示和隐藏操作，可以考虑将显示和隐藏操作封装成一个方法，然后在需要的地方调用该方法即可。