better-scroll 插件在項目中遇到的問題

知乎時刻：

這幾天每天都在跟 better-scroll這個插件打招呼，估計是杠上了。。。（怎麼辦，別慫，咋們正面剛。。。。）

其實better-scroll 這個插件在移動端還是非常好用的，相信大家英國也都有用到過。

這幾天寫的博客都是自己在項目中遇到的關於better-scroll這個插件的一些相關的東西。

有時候會發現，當使用better-scroll 這個插件當時候，會出現第一次滑不動的情況，需要刷新一次才可以正常的滑動，這是為什麼？

仔細分析不難發現：這個插件滑動的 原理就是計算父容器和自容器的高度，父容器的高度一般都是由子容器來撐開的，如果這個時候，子容器的數據是動態渲染的話，有可能還沒有渲染出來的時候better-scroll完成來初始化，這個時候容器的高度就是0，這個時候肯定是滑不動的。所以我們需要來給他判斷一下，如果沒有初始化完成的話，就return ，不讓它繼續執行初始化的過程。

示例2:

這是一個左右滑動的輪播組件，這個組件和下面的列表頁做成的一個大的容器，需求，是讓它們可以上下滑動。

這個時候如果輪播組件的圖片沒有載入出來的話，列表頁就滑不到最下面，始終會空出一個輪播組件的外層的高度。 所以這裡用到的是 img 的 @load 事件。

判斷 如果有圖片載入出來 就對這個 dom 對象重新刷行計算高度

【 有一個小點：】

這個isChecked 這個變數是沒有在 data裡面定義對，為啥呢？

因為在data裡面定義的變數都是需要 監聽的，才會定義這裡不需要對它有任何的監聽調用，所以這裡用可以不對它進行定義，所以它本身 是 undefined .

好了，這就是這2天關於 better-scroll這個插件遇到的問題，就把它寫下里，以後經常看，熟能生巧。

今天就到此這裡了。。。。。。