鼠标悬停或悬停 vue.js

发布于01月31日

当鼠标悬停在vue中的某个元素上时，我想显示一个div.js.但我似乎无法让它工作.

在vue中似乎没有hover或mouseover的活动.js.这是真的吗？

有可能将jquery hover和vue方法结合起来吗？

推荐答案

这里不需要方法.

HTML

<div v-if="active">
    <h2>Hello World!</h2>
 </div>

 <div v-on:mouseover="active = !active">
    <h1>Hover me!</h1>
 </div>

new Vue({
  el: 'body',
  data: {
    active: false
  }
})