Svelte复选框双向绑定失效问题求助
带数量限制的复选框组双向绑定失效问题(数据库数据加载场景)
已被该问题困扰一周,此前在H.B.的帮助下完成了复选框结构搭建,但使用数据库数据时出现双向绑定失效问题。
场景说明
我有带数量限制的选项组,通过bind:group绑定复选框组。使用模拟数据时功能正常,但从数据库通过onMount中的fetch获取数据后,出现以下问题:
- 当选满选项组限制数量后,无法取消已勾选的复选框,双向绑定失效;
- 若将
finalgroupit的初始化代码(finalgroupit = Object.fromEntries(displayoptions.map(g => [g.groupheader, []])))放在onMount外,会因displayoptions未初始化报错;放在onMount内则绑定失效。
此外,测试时发现,当在onMount中赋值optiongroups后,外部的checkresults = Object.fromEntries(optiongroups.map(...))未触发响应式更新,报错TypeError: Cannot read properties of undefined (reading 'map')。
内容的提问来源于stack exchange,提问作者Marco
相关产品推荐
相关产品推荐

