今天在维护以前的项目的时候遇见了下面的报错情况，开始我以为是因为jQuery和Vue冲突了，所以把以前的jQuery改了，但是还是出现同样的错误…通过查阅资料，发现是因为循环的变量里面的值重复了，导致Vue报错。
复制代码 代码如下:
Uncaught (in promise) TypeError: Cannot read property ‘removeChild' of null
接下来查了一下解决方案，发现在Vue 2.0之前的版本可以通过在v-for语句后面加如下语句解决：
<div v-for="item in items" track-by="id">
不过在Vue 2.0之后的版本中track-by改为了key，所以对于Vue 2.0之后的版本可以使用：
<div v-for="item in items" v-bind:key="item.id">
其实，在查看API返回的JSON数据后，发现重复请求了接口，所以，这个问题本来就不应该出现的。所以特意在接口获取数据的地方加上了一个过滤方法：
self.goodsList.indexOf(arr) === -1 ? self.goodsList.push(arr) : undefined
这句语句就是说如果获取的数组元素不重复的话，才将数组元素加入到列表中。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- Vue.js常用指令汇总（v-if、v-for等）
- vue.js指令v-for使用及索引获取
- Vue.js中轻松解决v-for执行出错的三个方案
- VUE中v-model和v-for指令详解
- 详解vuejs之v-for列表渲染
- Vue.js常用指令之循环使用v-for指令教程
