資訊專欄INFORMATION COLUMN
摘要：最近開始用寫個小項目，踩了不少坑，這里記錄下爬坑過程，給有同樣經(jīng)歷的人幫助。解決辦法我回去看了下文檔的生命周期，看到了，然后直接在這個周期內(nèi)銷毀就可以了。
最近開始用vue寫個小項目，踩了不少坑，這里記錄下爬坑過程，給有同樣經(jīng)歷的人幫助。
問題今天想在vue的項目里面用下拉加載，然后就直接寫了:
但是我發(fā)現(xiàn)我切換路由以后依舊其他頁面也觸發(fā)了scrollHandler函數(shù)，然后我想到使用了vue-router做的spa項目，window對象不變的，所以需要在每次使用后銷毀。
解決辦法我回去看了下vue文檔的生命周期，看到了destroyed，然后直接在這個周期內(nèi)銷毀就可以了。
使用throttle出現(xiàn)的新問題下拉加載一般需要配合throttle限流函數(shù)(原理可以看這里)來避免頻繁觸發(fā)，所以優(yōu)化代碼成這樣：
然后發(fā)現(xiàn)沒法用removeEventListener了，因為這個函數(shù)第二個參數(shù)不接受匿名函數(shù)。
最后代碼用一個變量中轉(zhuǎn)下
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88399.html
摘要：先看效果介紹一個簡單的靜態(tài)頁面主要是使用做橫向滾動，點擊標(biāo)簽滾動到相應(yīng)位置，以及滾到相應(yīng)位置后對應(yīng)標(biāo)簽顯示紅色。 先看效果 showImg(https://segmentfault.com/img/bVbqAdC?w=374&h=626); 介紹 一個簡單的靜態(tài)頁面主要是使用 better-scroll 做橫向滾動，點擊標(biāo)簽滾動到相應(yīng)位置，以及滾到相應(yīng)位置后對應(yīng)標(biāo)簽顯示紅色。開發(fā)過程中...
摘要：鏈接該組件為高布局，可以解決部分鍵盤輸入的問題，但是同時會在中出現(xiàn)向下滾動時無法自動隱藏工具欄和底部欄的問題。在里元素定位為，效果等同于。 鏈接 https://doc.vux.li/zh-CN/comp... 該組件為100%高布局，可以解決部分鍵盤輸入的問題，但是同時會在safari中出現(xiàn)向下滾動時無法自動隱藏url工具欄和底部欄的問題。 在viewBox里元素定位為absolut...
摘要：鏈接該組件為高布局，可以解決部分鍵盤輸入的問題，但是同時會在中出現(xiàn)向下滾動時無法自動隱藏工具欄和底部欄的問題。在里元素定位為，效果等同于。 鏈接 https://doc.vux.li/zh-CN/comp... 該組件為100%高布局，可以解決部分鍵盤輸入的問題，但是同時會在safari中出現(xiàn)向下滾動時無法自動隱藏url工具欄和底部欄的問題。 在viewBox里元素定位為absolut...
摘要：鏈接該組件為高布局，可以解決部分鍵盤輸入的問題，但是同時會在中出現(xiàn)向下滾動時無法自動隱藏工具欄和底部欄的問題。在里元素定位為，效果等同于。 鏈接 https://doc.vux.li/zh-CN/comp... 該組件為100%高布局，可以解決部分鍵盤輸入的問題，但是同時會在safari中出現(xiàn)向下滾動時無法自動隱藏url工具欄和底部欄的問題。 在viewBox里元素定位為absolut...
摘要：讓用戶可以滾動頁面。事件中拿到想要的后瀏覽器已經(jīng)隱藏地址欄和工具欄，放開插件滾動。發(fā)現(xiàn)派發(fā)的方法在父組件中監(jiān)聽后獲取位置參數(shù)的效果不太好必須要手指貼著滑動才可以這個設(shè)置為可以實時派發(fā)滾動事件和位置參數(shù)其他坑點待發(fā)現(xiàn)歡迎大佬一起交流 寫在前面 由于最近一個移動端項目中許多地方有滾動需求, 橫向,縱向的都有,所以就基于better-scroll封裝了一個通用的滾動組件,期間也踩了一些坑,有...
閱讀 1460·2021-11-22 13:54
閱讀 4382·2021-09-22 15:56
閱讀 1835·2021-09-03 10:30
閱讀 1331·2021-09-03 10:30
閱讀 2097·2019-08-30 15:55
閱讀 1865·2019-08-30 14:13
閱讀 2071·2019-08-29 15:19
閱讀 2376·2019-08-28 18:13
