element ui中card怎么懒加载

Element UI中的Card组件本身不支持懒加载。但可以通过以下步骤实现懒加载：

1. 使用Vue.js的v-if或v-show指令来控制Card组件的显示和隐藏。

2. 在Card组件外部包裹一个容器元素，设置容器元素的高度和overflow属性，使得容器元素可以滚动。

3. 监听容器元素的scroll事件，当滚动到一定位置时，再将Card组件显示出来。

示例代码如下：

<template>
  <div class="container" style="height: 300px; overflow-y: auto;" @scroll="handleScroll">
    <div v-show="showCard">
      <el-card>
        <p>这是Card组件内容</p>
      </el-card>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showCard: false,
    };
  },
  methods: {
    handleScroll() {
      const container = this.$el.querySelector('.container');
      if (container.scrollTop > 100) {
        this.showCard = true;
      }
    },
  },
};
</script>