SwiftUI中子ViewModel反向绑定父ViewModel遇maxUnitCount绑定异常求助

问题根源 #

你的核心问题出在CustomizeMenuItemViewModel对maxUnitCount的定义和初始化逻辑：

• 使用@Binding修饰ViewModel内部状态是错误的，@Binding仅用于视图与父视图之间的状态传递，ViewModel自身管理的状态应该用@Published。
• 初始化时用_maxUnitCount = .constant(0)，会让该Binding指向一个不可变常量，后续对maxUnitCount的赋值操作完全无效，导致它始终保持0。

修复步骤 #

1. 修正主ViewModel的状态定义

将@Binding替换为@Published，并调整初始化逻辑：

final class CustomizeMenuItemViewModel: ObservableObject {
    private(set) var item: MenuItem
    @Published private(set) var maxUnitCount: Int // 改用@Published维护内部状态

    // MARK: - Initializer
    init(item: MenuItem) {
        self.item = item
        self.maxUnitCount = 0 // 直接初始化，不再依赖constant绑定
    }

    func menuItem(option: Option, index: Int) -> MenuItemCellType {
        let selections = Array(option.selections)
        if option.multiselect {
            if option.max > 0 {
                maxUnitCount = option.max
                return .quantity(CustomizationQuantityCellViewModel(selection: selections[index], maxUnit: $maxUnitCount), (index != selections.count - 1))
            } else {
                return .checkbox(CustomizationMenuItemCellViewModel(selection: selections[index]), (index != selections.count - 1))
            }
        } else {
            if option.name.lowercased().contains("bun") {
                return .card(CustomizationMenuItemCellViewModel(selection: selections[index]), (index != selections.count - 1))
            } else if option.max > 0 {
                maxUnitCount = option.max
                return .quantity(CustomizationQuantityCellViewModel(selection: selections[index], maxUnit: $maxUnitCount), (index != selections.count - 1))
            } else {
                return .radiobutton(CustomizationMenuItemCellViewModel(selection: selections[index]), (index != selections.count - 1))
            }
        }
    }
}

2. 解决多选项共享状态的潜在问题

当前逻辑下，所有quantity类型的Cell会共享同一个maxUnitCount，如果业务中每个选项需要独立的数量限制，需将主ViewModel的单个状态改为字典存储：

// 主ViewModel中替换单个maxUnitCount为字典
@Published private(set) var remainingUnitCounts: [Option.ID: Int] = [:]

// 在menuItem方法中初始化对应选项的剩余数量
if option.max > 0 {
    remainingUnitCounts[option.id] = option.max
    return .quantity(CustomizationQuantityCellViewModel(selection: selections[index], maxUnit: $remainingUnitCounts[option.id]!), (index != selections.count - 1))
}

注意：需确保Option类型遵循Identifiable协议，或使用其他唯一标识作为字典Key。

3. 视图层的正确引用

在父视图中用@StateObject引用主ViewModel，确保状态变化能正确传递到子视图：

struct CustomizeMenuItemView: View {
    @StateObject private var viewModel: CustomizeMenuItemViewModel

    init(item: MenuItem) {
        _viewModel = StateObject(wrappedValue: CustomizeMenuItemViewModel(item: item))
    }

    var body: some View {
        // 根据viewModel.menuItem返回的CellType渲染视图
    }
}

关键总结 #

• ViewModel内部状态用@Published，跨ViewModel的状态传递通过父ViewModel的$属性获取Binding。
• 禁止用.constant()初始化需要修改的Binding，这会导致状态无法更新。
• 多个独立选项的数量限制要分开存储，避免操作互相干扰。

内容的提问来源于stack exchange，提问作者Aashima Anand