在JS代码中，有一个部分打印一些项，每个项的旁边都有一个图标来删除它旁边的项:

 <img src="images/remove.png"  class="remove" onClick="remove_item(${index})"> 

所以，当用户单击bin时，它旁边的项将被下面的函数删除。关键是需要将项存储在一个名为。因此项将被移除。该函数用于再次打印项。

 <img src="images/remove.png"  class="remove" onClick="remove_item(${index})"> 

上面的代码工作得很好。然而，问题是需要使用EventListener来完成这项任务。因为该部分的编辑如下所示。

 <img src="images/remove.png"  class="remove" onClick="remove_item(${index})"> 

和将从其中移除该项的部分如下所示。

 <img src="images/remove.png"  class="remove" onClick="remove_item(${index})"> 

问题是，只有在每次单击任何图标之前刷新页面时，代码才起作用。因此，在点击图标后，我必须刷新，然后再次点击删除一些其他项目。我怎样才能解决这个问题？

顺晟科技：

重新呈现列表时，所有元素都被替换，这将剥离事件处理程序。您可能只需删除实际元素:

 <img src="images/remove.png"  class="remove" onClick="remove_item(${index})"> 

要么这样，要么在呈现后再次运行代码，这将附加事件处理程序。任何最有意义的呈现方式。