利用vantUI中的van-checkbox實(shí)現(xiàn)層級(jí)選擇器（二）
上一篇我們已經(jīng)實(shí)現(xiàn)了只有一組復(fù)選框組的時(shí)候通過(guò)一級(jí)選擇器控制二級(jí)全選，但是很多情況下都不止一組復(fù)選框組，比如需要循環(huán)渲染后臺(tái)數(shù)據(jù)時(shí)，由于外層標(biāo)簽有vfor循環(huán)，會(huì)導(dǎo)致出現(xiàn)很多個(gè)ref注冊(cè)的組件，此時(shí)的toggleAll方法便會(huì)失效或者報(bào)錯(cuò)。拋棄自帶的全選方法，我們這里使用map函數(shù)處理數(shù)據(jù)。首先給一級(jí)選擇器添加click事件。注意要使用click事件而不是change事件，否則后面實(shí)現(xiàn)取消全選功能...
VantUI中van-picker選擇器綁定數(shù)組對(duì)象的使用方法
VantUI官網(wǎng)中給的示例是一個(gè)包含字符串的純數(shù)組，如圖所示：但是大多時(shí)候，我們需要綁定的都是一個(gè)對(duì)象數(shù)組，如果直接使用的話，渲染的效果會(huì)顯示為[Object]。這時(shí)可以利用van-picker自帶的 value-key 屬性，value-key屬性指選項(xiàng)對(duì)象中，選項(xiàng)文字對(duì)應(yīng)的鍵名。以下面的數(shù)據(jù)為例：我們希望選擇器展示的是對(duì)象中的username屬性，則在van-picker中添加如下代碼：這時(shí)可...
2023-07-21
