vue2 子组件hover时调用父组件方法

在Vue2中，子组件可以通过事件触发的方式调用父组件的方法。具体实现步骤如下：

1. 在父组件中定义一个方法，用于处理子组件触发的事件。例如，我们定义一个名为`handleHover`的方法。

2. 在子组件中，通过`$emit`方法触发一个自定义事件，并传递需要的参数。例如，我们可以在子组件的`mouseover`事件中触发`hover`事件，并传递参数。

3. 在父组件的模板中，使用子组件，并通过`v-on`指令监听子组件触发的事件，并调用对应的父组件方法。例如，我们可以使用`v-on:hover="handleHover"`来监听子组件触发的`hover`事件，并调用`handleHover`方法。

下面是一个示例代码：

<!-- 父组件 -->
<template>
  <div>
    <child-component v-on:hover="handleHover"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  methods: {
    handleHover(param) {
      // 处理子组件触发的事件
      console.log('子组件传递的参数:', param);
      // 调用父组件的其他方法
      // ...
    }
  }
}
</script>

<!-- 子组件 -->
<template>
  <div @mouseover="$emit('hover', '参数值')">
    子组件内容
  </div>
</template>

<script>
export default {
  // 子组件逻辑
}
</script>

在上述示例中，当子组件被鼠标悬停时，会触发`mouseover`事件，并通过`$emit`方法触发`hover`事件，并传递参数。父组件通过`v-on:hover`监听子组件触发的`hover`事件，并调用`handleHover`方法进行处理。