在AVM框架中引用Vant組件庫的具體代碼實踐
上一章介紹了什么是ACT以及如何引入組件庫，本章來介紹一下在頁面中使用UI組件的具體代碼實現。將act文件夾引入后，便可在實際頁面中進行應用。首先，在你的代碼中，按需引入所需的Vant組件，例如按鈕、
vantUI中瀑布流滾動加載的使用以及請求異常問題的解決
VantUI中的van-list，即瀑布流滾動加載，用于展示長列表，當列表即將滾動到底部時，會觸發事件并加載更多列表項。官網給出的示例如圖所示：首先設置listLoading和finished兩個變量，listLoading控制列表數據的加載狀態，finished為是否已加載完成，加載完成后不再觸發load事件。@load="onLoadList"綁定了一個加載事件，當滾動條與底部距離小于 off...
層級選擇器之關鍵詞搜索功能
上一章我們已經全部完成了層級選擇器的實現。除此之外我們還想增加一個關鍵詞搜索功能。在此之前我們需要先完成二級選擇器的顯示與隱藏。通過v-show來控制二級選擇器的顯示與隱藏。當點擊按鈕時，在方法里改變item.isShow的值即可。若后臺數據中沒有提供isShow這樣的字段，則需要在請求接口的時候本地初始化。接下來需要實現關鍵詞搜索功能。利用filter函數，當包含關鍵詞的時候就返回這條數據。如圖...
vantUI通過按鈕全選層疊選擇器
上一篇我們已經利用van-checkbox成功實現二級選擇器控制一級的選中狀態，點擊此鏈接>>查看。最后需要實現通過最外層全選按鈕全選所有選擇器的功能。給全選按鈕添加click或change事件（都可）。我們需要通過判斷全選按鈕的選中狀態來控制層疊選擇器是否全選，在checkAllLeader函數中執行以下代碼：當全選時，將一級選擇器選中狀態設置為true，并執行上篇提到的checkAllMemb...
vantUI通過二級選擇器控制一級的選中狀態
上一篇我們已經利用van-checkbox成功實現一級選擇器控制二級全選的功能，點擊此鏈接>>查看。接下來需要實現當取消任意一個二級選擇器的選中狀態（即取消全選狀態時），一級選擇器也同步取消。首先給二級選擇器添加click事件，同樣，不要給復選框組添加change事件，避免一級選擇器選中狀態變化時change事件會一直觸發。復選框組通過 v-model 數組綁定復選框的勾選狀態，通過name控制數...
利用vantUI中的van-checkbox實現層級選擇器（一）
翻了一下vantUI官網，發現沒有可以直接使用的樹形控件或層級選擇器的組件，所以嘗試用checkbox實現。我們想實現的是如圖所示的功能，當選中一級選擇器后，其所屬的二級選擇器能夠被全選；當取消二級選擇器的全選狀態時，一級選擇器也同時取消選中狀態；最外層還有一個全選按鈕控制所有選擇器的全選。DOM結構如圖所示：首先實現一級選擇器控制二級全選的功能。van-checkbox有提供toggleAll方...
