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