您可以在checkboxChange函数中添加逻辑来实现禁用选项的功能。具体代码如下:

checkboxChange: function(e) { var items = this.listComposition, values = e.detail.value; values = values.map(Number) this.checkedValues = [] var checkedCount = 0 for (var i = 0, lenI = items.length; i < lenI; ++i) { const item = items[i] if (values.includes(item.compositionId)) { this.$set(item, 'checked', true) var value = { "compositionId": item.compositionId } this.checkedValues.push(value) checkedCount++ } else { this.$set(item, 'checked', false) } } if (checkedCount >= 3) { for (var i = 0, lenI = items.length; i < lenI; ++i) { const item = items[i] if (!values.includes(item.compositionId)) { this.$set(item, 'disabled', true) } } } else { for (var i = 0, lenI = items.length; i < lenI; ++i) { const item = items[i] this.$set(item, 'disabled', false) } }


原文地址: https://www.cveoy.top/t/topic/il2u 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录