我有那个测验编辑器 - https://quiz-land.github.io/edit/XSZ5weNxLN。 链接到发生问题的代码的特定部分 - https://github.com/.../main/src/views/editor.js/answers.js.
当我添加新问题/+添加问题/时,它会显示一个新问题表单,其中有 2 个空答案。当我标记第二个答案/单击第二个单选按钮/,然后删除第一个答案/单击第一个垃圾桶/时,第二个答案成为第一个答案,并保存标记的单选按钮。到目前为止一切顺利。
但是当我添加新答案/+添加答案/时,我标记了第二个答案/单击第二个单选按钮/,然后我删除了第一个答案/单击第一个垃圾桶/,第二个答案成为第一个答案,但是这个当标记的单选按钮未保存/单选按钮变为未选中/时。
有谁知道为什么会发生这种异常以及我该如何解决问题?
提前感谢您给予的时间!
您好, 约翰娜·科诺娃。
您可能会渲染一个项目列表,而没有对选中状态进行显式绑定。
如果您希望保留 DOM 中的选中状态,则需要确保 DOM 节点绑定到特定的列表项,为此您可以使用
repeat
指令。在此处查看更多信息:https://lit.dev/docs/templates/lists/#the-repeat-directive
您需要确保每个列表项(在您的情况下为“答案”)都有一个唯一可识别的密钥。