文章詳情頁
javascript - vue.js中如何監聽鼠標滾輪事件呢。
瀏覽:124日期:2023-02-15 14:24:45
問題描述
好像寫了@mousewheel也沒啥效果,望大神指點
問題解答
回答1:闊儀的呀,你具體怎么寫的呀
回答2:好吧,是我自己搞錯了,因為是加在了一個組件標簽上,應該寫成@mousewheel.native才對~~
回答3:我是有效果的
回答4:你可以自己寫一個指令來監聽啊
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
標簽:
JavaScript
相關文章:
1. node.js - 在vuejs-templates/webpack中dev-server.js里為什么要exports readyPromise?2. mysql優化 - 關于mysql分區3. html5 - 如何實現帶陰影的不規則容器?4. javascript - 循環嵌套多個promise應該如何實現?5. python - 管道符和ssh傳文件6. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應7. objective-c - iOS開發支付寶和微信支付完成為什么跳轉到了之前開發的一個app?8. javascript - 為什么這個點擊事件需要點擊兩次才有效果9. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出10. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。
排行榜
