文章詳情頁(yè)
javascript - vue.js中如何監(jiān)聽(tīng)鼠標(biāo)滾輪事件呢。
瀏覽：169日期：2023-02-15 14:24:45
問(wèn)題描述
好像寫(xiě)了@mousewheel也沒(méi)啥效果，望大神指點(diǎn)
問(wèn)題解答
回答1：闊儀的呀，你具體怎么寫(xiě)的呀
回答2：好吧，是我自己搞錯(cuò)了，因?yàn)槭羌釉诹艘粋€(gè)組件標(biāo)簽上，應(yīng)該寫(xiě)成@mousewheel.native才對(duì)~~
回答3：我是有效果的
回答4：你可以自己寫(xiě)一個(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. boot2docker無(wú)法啟動(dòng)2. docker-compose中volumes的問(wèn)題3. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””4. java - SSH框架中寫(xiě)分頁(yè)時(shí)service層中不能注入分頁(yè)類5. nignx - docker內(nèi)nginx 80端口被占用6. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.7. javascript - mock.js可以存儲(chǔ)數(shù)據(jù)嗎8. docker api 開(kāi)發(fā)的端口怎么獲取？9. docker images顯示的鏡像過(guò)多，狗眼被亮瞎了，怎么辦？10. golang - 用IDE看docker源碼時(shí)的小問(wèn)題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備