vue 鼠标事件

Posted dragonishare

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 鼠标事件相关的知识,希望对你有一定的参考价值。

1、vue项目中阻止鼠标滚轮事件 @mousewheel.prevent
<div class=“main” @mousewheel.prevent>
2、vue阻止右键默认行为

<!--不阻止右键菜单(浏览器行为),右键执行函数show-->
<div @contextmenu="show()">main</div>
<!--阻止右键菜单-->
<div @contextmenu.prevent>main</div>
<!--阻止右键菜单(浏览器行为),右键执行函数show-->
<div @contextmenu.prevent="show1()">main</div>

以上是关于vue 鼠标事件的主要内容,如果未能解决你的问题,请参考以下文章

vue的鼠标点击事件和悬停事件

vue 鼠标事件

vue.js鼠标移动照片照片变模糊鼠标离开照片照片变清晰

在vue脚手架中元素绑定鼠标移动事件onmousemove,当鼠标按下拖拽元素,能在指定元素里左右移动,如何实现?

vue事件监听

vue鼠标悬停显示弹窗 如果弹窗在最下边