使用vue-touch報(bào)priority錯(cuò)誤的解決
解決vue-touch報(bào)priority錯(cuò)誤
用vue2.0開(kāi)發(fā)的項(xiàng)目需要安裝的是vue-touch版本2：vue-touch@next ；vue-touch安裝的則是版本1，加上next安裝的版本才是2；vue2.0及以上需要使用vue-touch 2.0
使用vue-touch遇到的坑
會(huì)使手機(jī)列表不能滑動(dòng)
vue-touch的好與坑
開(kāi)發(fā)web移動(dòng)頁(yè)面時(shí)，突然發(fā)現(xiàn)列表不能滑動(dòng)了，差點(diǎn)認(rèn)為是兼容問(wèn)題。。。主要是在使用vue-touch時(shí)它都沒(méi)出現(xiàn)問(wèn)題，然后過(guò)了過(guò)了一段時(shí)間突然出現(xiàn)了。。。排查問(wèn)題排查的心累。。。
當(dāng)時(shí)想讓移動(dòng)端可以左右滑動(dòng)來(lái)切換上下頁(yè)，然后百度到vue-touch這個(gè)小可愛(ài)。只用幾行代碼就實(shí)現(xiàn)了左右切換，當(dāng)時(shí)可高興了。。。可萬(wàn)萬(wàn)沒(méi)想到，它后面坑了我一把。。。
后面各種排查，各種百度，有些大佬說(shuō)可能是js阻止了默認(rèn)事件，也有可能是父元素加了overflow:hidden。然后我一一試過(guò)了，都沒(méi)用。。。
后來(lái)突然發(fā)現(xiàn)可能是vue-touch的原因。然后針對(duì)vue-touch百度，果然，就是這個(gè)小妖精在折磨我。
**vue-touch的好**：vue-touch可實(shí)現(xiàn)在移動(dòng)端手勢(shì)滑動(dòng)，可觸發(fā)我們想要的事件。這樣我們就可以實(shí)現(xiàn)我們?cè)谝苿?dòng)端手勢(shì)操作想觸發(fā)的事件了，vue-touch有哪些用法，可自行百度，萬(wàn)能的百度有很多文章。
**vue-touch的坑**：它會(huì)給組件添加一個(gè)touch-action:none;這個(gè)會(huì)禁止用戶的所有手勢(shì)操作?。。。ㄟ@樣就不能上下滑動(dòng)了！?。。?/p>
解決方法
樣式里加一個(gè)touch-action:pay-y!important就可以了
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3中如何使用v-model高級(jí)用法參數(shù)綁定傳值
本文給大家介紹Vue3中使用v-model高級(jí)用法參數(shù)綁定傳值的相關(guān)知識(shí),包括單個(gè)輸入框傳值和多個(gè)輸入框傳值,一個(gè)組件接受多個(gè)v-model值,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-10-10
Vue自動(dòng)構(gòu)建發(fā)布腳本的方法示例
這篇文章主要介紹了Vue自動(dòng)構(gòu)建發(fā)布腳本的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
Vue實(shí)現(xiàn)關(guān)聯(lián)頁(yè)面多級(jí)跳轉(zhuǎn)（頁(yè)面下鉆）功能的完整實(shí)例
這篇文章主要給大家介紹了關(guān)于Vue實(shí)現(xiàn)關(guān)聯(lián)頁(yè)面多級(jí)跳轉(zhuǎn)（頁(yè)面下鉆）功能的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
這篇文章主要為大家詳細(xì)介紹了vue+echarts封裝氣泡圖的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
@change 是 Vue.js 中用于監(jiān)聽(tīng)表單元素值變化的事件處理器,很多組件有@change事件,那到底如何獲取到當(dāng)前的參數(shù)呢？本文給大家詳細(xì)講解,感興趣的朋友一起看看吧2023-11-11
vue定時(shí)器清除不掉,導(dǎo)致功能頻繁執(zhí)行問(wèn)題
這篇文章主要介紹了vue定時(shí)器清除不掉,導(dǎo)致功能頻繁執(zhí)行問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue如何實(shí)現(xiàn)級(jí)聯(lián)選擇器功能
這篇文章主要介紹了vue如何實(shí)現(xiàn)級(jí)聯(lián)選擇器功能問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要為大家介紹了Vue之過(guò)濾器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助,希望能夠給你帶來(lái)幫助2021-11-11
Vue.use與Vue.prototype的區(qū)別及說(shuō)明
這篇文章主要介紹了Vue.use與Vue.prototype的區(qū)別及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
element滾動(dòng)條組件el-scrollbar的使用詳解
本文主要介紹了element滾動(dòng)條組件el-scrollbar的使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04