Javascript Laravel VueJs阵列'；s

我的应用程序使用的是Laravel5.5和VueJS

我在vue实例上有一个表单，允许用户输入个人的详细信息并将其添加到访问中。添加时，我的方法将输入的详细信息添加到访问者数组中

问题：将访问者添加到访问者数组并单击移除时 当我导入并单击其中一个访问者上的“删除”按钮时，效果非常好 它删除了错误的访问者

我的vue实例（部分）

我的表格

<input v-model="visitor.last" class="input" placeholder="Last Name">
<input v-model="visitor.company" class="input" placeholder="Company">
<input v-model="visitor.email" class="input" placeholder="Email" type="email">
<button class="button is-primary" @click="saveVisitor">Add Visitor</button>

这一切都很好，也应该如此，我现在添加了另一种填充访问者列表的方法，这是一个电子表格导入，我在我的Laravel后端解析并返回到我的Vue实例

电子表格的方法

submitImport() {

            const vm = this;

            var form = new FormData();
            form.append('file', document.getElementById('file').files[0]);

            axios({
              method: 'post',
              url: '/import/visitors',
              data: form
            }).then(function(response){

              if(response.status === 200){

               vm.visitors = response.data;

              } else {

                vm.loading = false;

              }

            });
},

在浏览电子表格时，我在后端构建了一个数组：

Laravel控制器（部分）

函数在电子表格上的行之间完成循环后，我的控制器将数组返回给vue实例

return response($visitor,200);

我接受Vue实例上的数组，并用结果填充Vue实例上的访问者数组

vm.visitors = response.data;

这真是太棒了！我唯一的问题是，当我试图从vm.visitors数组中删除一个访问者时，它会删除一个错误的访问者，我猜这是由于键引起的

查看我的删除方法。

removeVisitor(visitor) {
    console.log(visitor);
    //this.visitors.splice(visitor,1);
},

当我查看控制台时，我得到了以下信息，请注意，我已经从电子表格导入中添加了一些，还通过表单输入添加了一些

我的vue实例上的访问者数组似乎有两种不同类型的数据

---

当你点击。。。在顶部对象中，它确实返回名称等，但这与第二个对象不同，后者清楚地包含数据

是否每个访问者都被放入自己的组件中？共享调用remove visitor方法的代码。当您尝试删除并且失败时，共享访问者对象状态。还可以共享removeVisitor参数visitor what is It share在尝试删除并失败时共享visitor对象状态。还共享removeVisitor参数visitor what is to remove a visitor I pass the this.传递整个visitor对象。。例如，如果访问者数组中有10个访问者，我将只传递一个要移除的访问者。我使用this.variable.splice方法删除。当我将访问者从电子表格存储到不同的格式时，看起来好像是不同的。每个访问者是否都被放入自己的组件中？共享调用remove visitor方法的代码。在尝试删除并失败时，共享访问者对象状态。还可以共享removeVisitor参数visitor what is It share在尝试删除并失败时共享visitor对象状态。还共享removeVisitor参数visitor what is to remove a visitor I pass the this.传递整个visitor对象。。例如，如果访问者数组中有10个访问者，我将只传递一个要移除的访问者。我使用this.variable.splice方法删除。当我将访问者从电子表格存储到格式时，看起来好像是不同的。

return response($visitor,200);

vm.visitors = response.data;

removeVisitor(visitor) {
    console.log(visitor);
    //this.visitors.splice(visitor,1);
},