lit-html 不更新单选按钮

问题描述 投票:0回答:1

我有那个测验编辑器 - https://quiz-land.github.io/edit/XSZ5weNxLN。 链接到发生问题的代码的特定部分 - https://github.com/.../main/src/views/editor.js/answers.js.

当我添加新问题/+添加问题/时,它会显示一个新问题表单,其中有 2 个空答案。当我标记第二个答案/单击第二个单选按钮/,然后删除第一个答案/单击第一个垃圾桶/时,第二个答案成为第一个答案,并保存标记的单选按钮。到目前为止一切顺利。

在此输入图片描述

在此输入图片描述

在此输入图片描述

但是当我添加新答案/+添加答案/时,我标记了第二个答案/单击第二个单选按钮/,然后我删除了第一个答案/单击第一个垃圾桶/,第二个答案成为第一个答案,但是这个当标记的单选按钮未保存/单选按钮变为未选中/时。

在此输入图片描述

在此输入图片描述

在此输入图片描述

有谁知道为什么会发生这种异常以及我该如何解决问题?

提前感谢您给予的时间!

您好, 约翰娜·科诺娃。

radio-button lit-html
1个回答
0
投票

您可能会渲染一个项目列表,而没有对选中状态进行显式绑定。

如果您希望保留 DOM 中的选中状态,则需要确保 DOM 节点绑定到特定的列表项,为此您可以使用

repeat
指令。在此处查看更多信息:https://lit.dev/docs/templates/lists/#the-repeat-directive

您需要确保每个列表项(在您的情况下为“答案”)都有一个唯一可识别的密钥。

© www.soinside.com 2019 - 2024. All rights reserved.