javascript - vue.js中如何監聽滑鼠滾輪事件呢。
伊谢尔伦
伊谢尔伦 2017-07-05 11:05:40
0
4
1736

好像寫了@mousewheel也沒啥效果,望大神指點

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(4)
大家讲道理

闊儀的呀,你具體怎麼寫的呀

巴扎黑

好吧,是我自己搞錯了,因為是加在了一個組件標籤上,應該寫成@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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板