javascript - vue.js中如何监听鼠标滚轮事件呢。

问题描述

好像写了@mousewheel也没啥效果，望大神指点

问题解答

阔仪的呀，你具体怎么写的呀

好吧，是我自己搞错了，因为是加在了一个组件标签上，应该写成@mousewheel.native才对~~

我是有效果的

你可以自己写一个指令来监听啊

Vue.directive(’scroll’, { // 当绑定元素插入到 DOM 中 inserted: function (el,binding) { var cb = binding.value el.addEventListener(’mousewheel’,function(e){ var direction = e.deltaY>0?’down’:’up’ cb(direction) }) }})new Vue({ el:’#app’, methods:{ scrollFn:function(direction){ console.log(direction) } }})

jsbin