uni-app的checkbox元件有些情況下檢視層不更新解決方案

心向阳發表於2024-07-18

應用場景

問題:

在使用uniapp的核取方塊元件checkbox實現列表的全選跟不全選功能時發現,列表的checkbox檢視層在某些情況下不生效

解決方法

解決方案1:利用 this.$set 改變資料,即 this.$set(item, 'checked', false),這個時候檢視層跟資料都一起更新了,但是在上面那種情況下,資料層改變了,但是檢視層沒有更新,所以這個時候採用方案2

解決方案2:

原因:解決uniapp開發小程式中核取方塊元件checkbox監聽change事件設定checked屬性不生效的問題。原因是核取方塊元件沒有@change事件,而是checkbox-group元件擁有該事件。

解決方案:是在@change事件中,先將checked設定為true,再設定成false即可生效。

相關文章