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