文章詳情頁(yè)
javascript - vue.js中如何監(jiān)聽(tīng)鼠標(biāo)滾輪事件呢。
瀏覽：108日期：2023-02-15 14:24:45
問(wèn)題描述
好像寫了@mousewheel也沒(méi)啥效果，望大神指點(diǎn)
問(wèn)題解答
回答1：闊儀的呀，你具體怎么寫的呀
回答2：好吧，是我自己搞錯(cuò)了，因?yàn)槭羌釉诹艘粋€(gè)組件標(biāo)簽上，應(yīng)該寫成@mousewheel.native才對(duì)~~
回答3：我是有效果的
回答4：你可以自己寫一個(gè)指令來(lái)監(jiān)聽(tīng)啊
Vue.directive(’scroll’, { // 當(dāng)綁定元素插入到 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
標(biāo)簽：
JavaScript
相關(guān)文章：
1. mysql - 表名稱前綴到底有啥用？2. 哭遼 求大佬解答 控制器的join方法怎么轉(zhuǎn)模型方法3. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語(yǔ)法實(shí)現(xiàn)存在即更新應(yīng)該使用哪個(gè)標(biāo)簽?4. sql語(yǔ)句 - 如何在mysql中批量添加用戶？5. mysql - 數(shù)據(jù)庫(kù)表中，兩個(gè)表互為外鍵參考如何解決6. 編輯成功不顯示彈窗7. tp 6.0 數(shù)據(jù)查詢，求教！8. 為什么php修改數(shù)據(jù)無(wú)法同步到數(shù)據(jù)庫(kù)，只是當(dāng)前頁(yè)面修改成功？9. mysql儲(chǔ)存json錯(cuò)誤10. 怎么php怎么通過(guò)數(shù)組顯示sql查詢結(jié)果呢，查詢結(jié)果有多條，如圖。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備