vue fullpage使用時遇到的問題

2021-09-14 02:18:48 字數 1068 閱讀 2922

專案中用到了vue-fullpage,遇到了幾個問題。

專案情況主要就是做個資料報告,通過移動端的單頁滾動效果來展示資料。單頁滾動中某些元素需要相應的動畫效果。

實際上這個bug已經被作者修改好了的,但是並沒有更新到npm上。

/commit/d309628ecf54a390bd5a070ab411d43b8457e3d0

所以這裡還是提一下。

根據原始碼,當觸發

toogle_animate

事件時,會判斷該頁面是否當前頁來觸發該頁下的元素的動畫效果。

問題在於如何判斷當前頁面,未修改bug前:是通過查詢帶有v-animate指令的元素的父元素上的data-id來與元件的全域性變數curindex比較,相等即v-animate指令的動畫應顯示,不等則去移除動畫。

修改後的**

var parent = el.parentnode

//解決bug的**

while (parent.getattribute('data-id') === null)

var curpage = +parent.getattribute('data-id')

if (curindex === curpage) else

增加了標註的幾行**,這樣就保證了一定找得到相應的data-id了。

在github上也有相應的issue,其實作者也已經對此做了修改。那就是在opts引數中增加了字段

needinitafterupdated

就此判斷是否重新整理元件。

同樣作者也已經解決了這個問題,也是通過增加個字段

preventwechat

來解決。

以上圈著的**作者都已經推到線上master,但是npm上的**還沒有更新。建議各位遇到相關問題的小夥伴,去看看原始碼,不難理解的。

React Draggable元件使用時遇到的問題

最近使用react draggable來滿足專案上要進行 拖拽的要求,在使用過程中發現再第一次使用拖拽的時候位置是不對的,會跳到頁面的左上角也就是位置 0,0 很突然,後來大佬幫忙解決的問題出現在這個 我同時還是用了dom align來初始化第一次的位置,這個dom align使用了乙個引數,use...

gateway使用時使用filter時遇到的問題

spring boot start web和spring boot start webflux相見分外眼紅。不能配置在同一pom.xml,或者不能在同一專案 現,或者用 標籤排除webmvc的依賴 org.springframework.bootgroupid spring boot starter...

Android MediaMuxer使用遇到的問題

1.illegalstateexception問題 mediamuxer的使用必須嚴格遵循如下順序 addtrack start writesampledata stop release 如果有順序衝突或者多次呼叫start stop release,會導致illegalstateexception...