javascript - 鼠标悬停或悬停 vue.js

标签 javascript vue.js hover mouseover

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

在vue.js 中似乎没有hovermouseover 事件。这是真的吗?

是否可以结合使用 jquery hover 和 vue 方法?

最佳答案

我觉得悬停的上述逻辑是不正确的。它只是在鼠标悬停时反转。我使用了下面的代码。它似乎工作得很好。

<div @mouseover="upHere = true" @mouseleave="upHere = false" >
  <h2> Something Something </h2>
  <some-component v-show="upHere"></some-component>
</div>

在 vue 实例上

data: {
  upHere: false
}

希望对你有帮助

关于javascript - 鼠标悬停或悬停 vue.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30911933/

相关文章:

vue.js - Vuetify v-btn 路由主动类问题

html - 如何在悬停时将文本向左移动?

javascript - 工作流程详细信息页面中的自定义表格

javascript - 在 javascript 中重新定义 Array 构造函数

javascript - 将字符串中的函数参数转换为对象中的参数

javascript - jQuery 悬停事件同时影响两个不同的 Div(未嵌套)

jquery - 悬停在背景上时用图像替换光标 1

javascript - js中的随机声音

javascript - 使用 VUE 在一个页面上创建多个模态框

javascript - Algolia Instantsearch 分页不显示第二页结果