el-calendar添加鼠标移入事件

在element-ui中，el-calendar组件没有提供鼠标移入事件。但是，你可以通过添加自定义指令的方式来实现这个功能。

首先，你需要在Vue实例中定义一个自定义指令，例如：

Vue.directive('hover', {
  bind: function (el, binding) {
    // 鼠标移入时触发的事件
    el.addEventListener('mouseover', function () {
      binding.value(true);
    });
    // 鼠标移出时触发的事件
    el.addEventListener('mouseout', function () {
      binding.value(false);
    });
  },
});

然后，在el-calendar组件上使用v-hover指令，并绑定一个方法来处理鼠标移入事件。例如：

<el-calendar v-hover="handleHover"></el-calendar>

在Vue实例中，你需要定义handleHover方法来处理鼠标移入事件。例如：

new Vue({
  el: '#app',
  methods: {
    handleHover: function (value) {
      if (value) {
        console.log('鼠标移入了el-calendar组件');
      } else {
        console.log('鼠标移出了el-calendar组件');
      }
    },
  },
});

这样，在鼠标移入和移出el-calendar组件时，都会触发handleHover方法，并根据value值来判断是鼠标移入还是移出事件。