Javascript 在使用IE11时删除v-for中的项目后,Vue变得无响应

Javascript 在使用IE11时删除v-for中的项目后,Vue变得无响应,javascript,vue.js,internet-explorer-11,Javascript,Vue.js,Internet Explorer 11,我在一个数组中循环,显示的每个项目都有一个单击处理程序,用于从该列表中删除该项目。从数组中删除2项后,整个页面将失去响应。这只有在使用IE11时才会发生,使用chrome时不会出现问题。我不知道是什么原因导致它没有反应 以下是我正在使用的代码片段: HTML: <div v-for="(item,index) in itemList" :key="item.itemId"> <p>{{item.name}}</p> <button @

我在一个数组中循环,显示的每个项目都有一个单击处理程序,用于从该列表中删除该项目。从数组中删除2项后,整个页面将失去响应。这只有在使用IE11时才会发生,使用chrome时不会出现问题。我不知道是什么原因导致它没有反应

以下是我正在使用的代码片段:

HTML:

<div v-for="(item,index) in itemList" :key="item.itemId">
     <p>{{item.name}}</p>
     <button @click="removeItem(index)">Delete</button>
</div>
我还尝试过过滤数组,并使用slice替换它,但无论发生什么情况,它都没有响应。任何帮助都会很好


编辑:我发现,在另一个方法中有一个箭头函数,它在使用Ie11时导致它中断。谢谢您的帮助。

项目列表是一个大数组吗?IE开发工具关闭时是否也会发生这种情况?不,它将获得的最大值约为10项删除项的更自然的方法是通过
itemId
,例如
this.itemList=this.itemList.filter(i=>i.itemId!==itemId)
这能解决问题吗?每当我看到
splice
,我都会停下来——在这种情况下,你可能会遇到很多错误,因为数组将被重新索引。你能创建一个可复制的代码笔吗?原因也可能是代码中的其他地方。@DavidWeldon我尝试使用过滤器,但同样的问题也发生了。我可以删除2个项目,但在
itemList
一个大数组中,所有项目都没有响应?IE开发工具关闭时是否也会发生这种情况?不,它将获得的最大值约为10项删除项的更自然的方法是通过
itemId
,例如
this.itemList=this.itemList.filter(i=>i.itemId!==itemId)
这能解决问题吗?每当我看到
splice
,我都会停下来——在这种情况下,你可能会遇到很多错误,因为数组将被重新索引。你能创建一个可复制的代码笔吗?原因也可能是代码中的其他地方。@DavidWeldon我尝试使用过滤器,但同样的问题也发生了。我可以删除2个项目,而所有内容都变得无响应
removeItem: function(index) {
    this.itemList.splice(index, 1)
}