javascript - Bagaimana untuk mendengar acara roda tetikus dalam vue.js.

Question

Nampaknya tulisan @mousewheel tak ada kesan, harap Allah beri nasihat

Answer 1

Kuoyi, bagaimana anda menulisnya secara khusus

Answer 2

Baiklah, saya sendiri membuat kesilapan, kerana ia telah ditambah pada tag komponen, ia harus ditulis @mousewheel.native~~

Answer 3

Saya berkesan

Answer 4

Anda boleh menulis arahan untuk memantaunya sendiri

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