Javascript 鼠标悬停事件在点击Google Chrome之前不会触发

我尝试在光标位于列表项上时运行函数，如下所示：

<div id="vue-app">
    <ul>
        <li v-for="item in items" @mouseover="removeItem(item)">{{item}}</li>
    </ul>
</div>

new Vue({
    el: '#vue-app',
    data: {
        items: ['meat', 'fruits', 'vegetables'],
    },
    methods: {
        removeItem(value) {
            ...
        }
    },
});

{{item}

新Vue({
el:“#vue应用程序”，
数据：{
物品：[“肉”、“水果”、“蔬菜”]，
},
方法：{
removeItem（值）{
...
}
},
});

但是，mouseover事件仅在我单击列表项时触发。我在这里做什么不正确

鼠标悬停

鼠标点击

---

检查此工作代码

newvue({
el:“#vue应用程序”，
数据：{
物品：[“肉”、“水果”、“蔬菜”]，
},
方法：{
removeItem（值）{
console.log（值）；
}
},
});


{{item}

检查此工作代码


newvue({
el:“#vue应用程序”，
数据：{
物品：[“肉”、“水果”、“蔬菜”]，
},
方法：{
removeItem（值）{
console.log（值）；
}
},
});


{{item}

它工作正常，你能分享更多信息吗？这就是所有的代码，我添加了屏幕截图，不确定它们是否会有帮助，但请检查工作代码作为答案，我会在一段时间内删除此选项如果你使用的是自定义组件，则会看到以下答案：不，没有自定义组件它工作正常，你能分享更多信息吗？这就是所有的代码，我已经添加了截图，不确定它们是否会有帮助，尽管检查工作代码作为答案，我会在一段时间内删除它。如果你正在使用自定义组件，然后看到这个答案：否，没有定制组件，我注意到上面的代码和这一个在chrome上不起作用。在mozilla firefox上进行了测试，测试结果正确。我使用的是chrome，也可以在chrome上使用。您使用的chrome版本是什么？版本72.0.3626.119（官方版本）（64位）如果您在当前浏览器中查看上述代码段，会怎么样？在这个版本中肯定还有其他问题。我注意到上面的代码和这个代码在chrome上不起作用。在mozilla firefox上进行了测试，测试结果正确。我使用的是chrome，也可以在chrome上使用。您使用的chrome版本是什么？版本72.0.3626.119（官方版本）（64位）如果您在当前浏览器中查看上述代码段，会怎么样？在这个版本中，肯定还有其他问题。