開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建網(wǎng)站vantUI通過二級選擇器控制一級的選中狀態(tài)")
vantUI通過二級選擇器控制一級的選中狀態(tài)
上一篇我們已經(jīng)利用van-checkbox成功實(shí)現(xiàn)一級選擇器控制二級全選的功能，點(diǎn)擊此鏈接>>查看。接下來需要實(shí)現(xiàn)當(dāng)取消任意一個二級選擇器的選中狀態(tài)（即取消全選狀態(tài)時），一級選擇器也同步取消。首先給二級選擇器添加click事件，同樣，不要給復(fù)選框組添加change事件，避免一級選擇器選中狀態(tài)變化時change事件會一直觸發(fā)。復(fù)選框組通過 v-model 數(shù)組綁定復(fù)選框的勾選狀態(tài)，通過name控制數(shù)...
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建網(wǎng)站利用vantUI中的van-checkbox實(shí)現(xiàn)層級選擇器（一）")
利用vantUI中的van-checkbox實(shí)現(xiàn)層級選擇器（一）
翻了一下vantUI官網(wǎng)，發(fā)現(xiàn)沒有可以直接使用的樹形控件或?qū)蛹夁x擇器的組件，所以嘗試用checkbox實(shí)現(xiàn)。我們想實(shí)現(xiàn)的是如圖所示的功能，當(dāng)選中一級選擇器后，其所屬的二級選擇器能夠被全選；當(dāng)取消二級選擇器的全選狀態(tài)時，一級選擇器也同時取消選中狀態(tài)；最外層還有一個全選按鈕控制所有選擇器的全選。DOM結(jié)構(gòu)如圖所示：首先實(shí)現(xiàn)一級選擇器控制二級全選的功能。van-checkbox有提供toggleAll方...
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建網(wǎng)站利用vantUI中的van-checkbox實(shí)現(xiàn)層級選擇器（二）")
利用vantUI中的van-checkbox實(shí)現(xiàn)層級選擇器（二）
上一篇我們已經(jīng)實(shí)現(xiàn)了只有一組復(fù)選框組的時候通過一級選擇器控制二級全選，但是很多情況下都不止一組復(fù)選框組，比如需要循環(huán)渲染后臺數(shù)據(jù)時，由于外層標(biāo)簽有vfor循環(huán)，會導(dǎo)致出現(xiàn)很多個ref注冊的組件，此時的toggleAll方法便會失效或者報(bào)錯。拋棄自帶的全選方法，我們這里使用map函數(shù)處理數(shù)據(jù)。首先給一級選擇器添加click事件。注意要使用click事件而不是change事件，否則后面實(shí)現(xiàn)取消全選功能...
