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

Question

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

Answer 1

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

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

Answer 2

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

Answer 3

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

Answer 4

我是有效果的