javascript – So hören Sie Mausradereignisse in vue.js.

Question

Es scheint, dass das Schreiben von @mousewheel keine Wirkung hat. Ich hoffe, jemand kann mir einen Rat geben.

大家讲道理 · Answer

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

巴扎黑 · Answer

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

滿天的星座 · Answer

我是有效果的

大家讲道理 · Answer

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

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

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial