小编Alb*_*lan的帖子

在Laravel上使用鼠标悬停时，鼠标悬停不起作用。

我的Vue文件存储在 resources/js/Dashboard.vue

到目前为止，我尝试进行更改v-on:mouseover，@mouseover但仍然无法正常工作。

结果是，当我将鼠标悬停在按钮上时，它不会更改文本。

我在做什么错，我该如何解决？

下面是我Dashboard.vue文件的内容；

<template>
<div id="mouse">
  <a
    v-on:mouseover="mouseover"
    v-on:mouseleave="mouseleave">
    {{message}}
  </a>
</div>
</template>
<!--Force Override of the css style for datepicker class-->

<style>

  #mouse {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 280px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #007db9;
  }
</style>

<script>

export default {
    components: {
    },
    data() {
        return {
          showAudience: false,
          message: 'Hover Me',
        } …