層級選擇器之關鍵詞搜索功能
上一章我們已經全部完成了層級選擇器的實現。除此之外我們還想增加一個關鍵詞搜索功能。在此之前我們需要先完成二級選擇器的顯示與隱藏。通過v-show來控制二級選擇器的顯示與隱藏。當點擊按鈕時，在方法里改變item.isShow的值即可。若后臺數據中沒有提供isShow這樣的字段，則需要在請求接口的時候本地初始化。接下來需要實現關鍵詞搜索功能。利用filter函數，當包含關鍵詞的時候就返回這條數據。如圖...
vantUI通過按鈕全選層疊選擇器
上一篇我們已經利用van-checkbox成功實現二級選擇器控制一級的選中狀態，點擊此鏈接>>查看。最后需要實現通過最外層全選按鈕全選所有選擇器的功能。給全選按鈕添加click或change事件（都可）。我們需要通過判斷全選按鈕的選中狀態來控制層疊選擇器是否全選，在checkAllLeader函數中執行以下代碼：當全選時，將一級選擇器選中狀態設置為true，并執行上篇提到的checkAllMemb...
vantUI通過二級選擇器控制一級的選中狀態
上一篇我們已經利用van-checkbox成功實現一級選擇器控制二級全選的功能，點擊此鏈接>>查看。接下來需要實現當取消任意一個二級選擇器的選中狀態（即取消全選狀態時），一級選擇器也同步取消。首先給二級選擇器添加click事件，同樣，不要給復選框組添加change事件，避免一級選擇器選中狀態變化時change事件會一直觸發。復選框組通過 v-model 數組綁定復選框的勾選狀態，通過name控制數...
elementui 基于el-tree 實現同步狀態修改
上一篇我們實現了el-tree中子節點的選擇與添加，此外，我們還需要實現點擊右側刪除按鈕的時候，左側選擇器的選中狀態同步改變，checkList數組和checkIdList數組對應的數據能夠同步刪除。由于左側與右側綁定的是同一數組，只需要刪除時傳入item，將checkList中的item刪除，左側選擇器的選中狀態就可同步改變。如圖：此時還需要刪除checkIdList數組中對應的id。可先循環后...
Vue中的表單內容監聽，當表單內容發生變化時，觸發一些事件
首先解釋一下什么是表單內容監聽，我這里是將表單數據全部儲存到list變量中，當用戶填寫了內容之后，將用戶填寫的內容更新到list變量中，說是監聽表單內容實際上是監聽變量中的數據內容。監聽數據變化可以用watch方法，它是Vue組件中的一個功能，可以監聽數據變化，并在數據變化時執行一些操作。watch方法使用起來比較簡單，只需要傳兩個參數就可以，第一個參數是需要監聽的變量數據，第二個參數則是當監聽的...
elementui 基于el-tree樹形選擇向后臺傳輸數據
之前已經基于el-tree實現了人員選擇功能。點擊此鏈接>>查看。但由于后續操作，我們還需要把選中數據的id值傳給后臺，所以現在還應想辦法獲取每條數據的id值。給el-checkbox添加change事件，當監聽到選中值時執行如下方法，有則刪除，沒有則添加：現在checkIdList數組中存的是選中數據的id值,由于后端接收的參數是字符串列表，id由，分割所以直接將數組join一下就得到了例如：1...
