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