element ui中card怎么懒加载

Element UI的Card组件本身不支持懒加载，但是可以通过配合其他组件实现懒加载效果。

一种常见的方式是使用Vue.js的异步组件和keep-alive组件。具体实现步骤如下：

1. 将要懒加载的Card组件放在一个异步组件中，使用Vue.js的`import()`语法动态加载该组件。

2. 在异步组件中添加keep-alive组件，这样在组件被销毁后，其状态会被缓存，再次访问时不需要重新渲染。

3. 在需要显示Card组件的地方，使用动态组件将异步组件渲染出来。

下面是一个简单的示例代码：

<template>
  <div>
    <button @click="showCard">Show Card</button>
    <component :is="cardComponent" v-if="showCard" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      showCard: false,
      cardComponent: null
    }
  },
  methods: {
    showCard() {
      this.showCard = true
      if (!this.cardComponent) {
        import('@/components/LazyCard.vue').then(component => {
          this.cardComponent = component.default
        })
      }
    }
  }
}
</script>

其中，`LazyCard.vue`是要懒加载的Card组件，具体实现可以根据实际需求进行调整。