vue —— 頁面滾動到原位置


哈哈哈,昨天登QQ的時候,意外發現有人看了我寫的博客,居然還加了我,這就激起了我內心的小波瀾啊

公司最近在做電商,用的前端框架依然是VUE

矩MAX(微信公眾號)可以搜的到哦,安卓商店或蘋果AppStore也可以搜的到

回歸中體哈,說一下今天做的領券中心

有點類似於京東的領券中心,剛測試完,券全被我領啦

效果就是點擊立即領取,文字變為立即使用、彈出領取成功

但是因為接口不是實時的,所以我沒有通過接口數據判斷讓用戶點擊領取的同時,讓優惠券改變狀態

但是,毛爺爺說過:辦法總比困難多~

 

當領取成功后,頁面會重新走一遍獲取優惠券的接口

所以  我寫了一個時間函數setTimeout

通過this.$el.querySelector("#coupon_list").children[this.currentNum].offsetTop獲取當前 點擊的元素的offsetTop值

當領取成功之后,頁面回跳至 該元素的原位置

 

vue中,在不方便使用ref來改變的時候咱們可以通過原生js來修改元素的屬性樣式

嗯 好吧  ,就說這些廢話吧  

我是一只卧沙的雕

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM