1、template中wx:for循环的item ,好像不是对list中的子元素的引用,直接赋值或者$set无效。
<view
wx:for="{{permissonList}}"
wx:key="index"
wx:class="{{{checked: !!item.selected,item: true, disabled: !!item.disabled}}}"
bindtap="toggleChange(item,index)">
{{item.resourcesName}}
</view>
<script>
import { createComponent } from '@mpxjs/core'
createComponent({
methods: {
toggleChange(item, index) {
this.$set(item, 'selected', !item.selected) // 无效
}
}
})
</script>
由于忙着开发,原因不去细究了,先记录下~
解决方案:通过数组下表找到该子元素,在使用$set
toggleChange(item, index) {
this.$set(this.permissonList[index], 'selected', !item.selected)
}