javascript - Comment écouter les événements de la molette de la souris dans vue.js.

Question

Il semble qu'écrire @mousewheel n'ait aucun effet, j'espère que Dieu pourra me donner quelques conseils

Answer 1

Kuoyi, comment l'as-tu écrit spécifiquement

Answer 2

D'accord, j'ai moi-même fait une erreur, car elle a été ajoutée à une balise de composant, elle devrait être écrite @mousewheel.native~~

Answer 3

Je suis efficace

Answer 4

Vous pouvez écrire une commande pour le surveiller vous-même

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