el-card 监听阴影显示事件

`el-card` 是 Element UI 中的一个卡片组件，它默认包含了一个阴影效果。如果你想监听这个阴影何时显示或隐藏，Element UI 并未直接提供 shadow 层级别的自定义事件。但是，你可以通过 CSS 或者一些低级 DOM 操作间接达到类似的效果。

如果你需要监控卡件状态变化，比如当内容高度超过某一阈值导致阴影出现，可以利用 `v-if` 或 `v-show` 来控制 Shadow 的显示和隐藏，并添加对应的 JavaScript 事件监听器。例如：

<template>
  <el-card v-if="shouldShowShadow" @scroll="checkForShadow">
    <!-- Your content here -->
  </el-card>
</template>

<script>
export default {
  data() {
    return {
      shouldShowShadow: true,
    };
  },
  methods: {
    checkForShadow() {
      // 在这里检查滚动事件，如果满足条件（如内容高度大于 card 的高度），更新 shouldShowShadow
      if (/* 滚动条件 */) {
        this.shouldShowShadow = false; // 阴影隐藏
      } else {
        this.shouldShowShadow = true; // 阴影显示
      }
    },
  },
};
</script>

请注意，这种方法并不是直接监听阴影层的显示，而是基于卡件内容的变化来调整。如果你想监听更底层的 ShadowDOM 事件，可能需要借助 Vue 的第三方库或者操作原生 DOM，但这通常不是推荐的做法。