[Vue warn]:检测到重复的键:x。这可能会导致更新错误。如何防止添加已通过方法添加的项

你可以使用findIndex

addSpeaker() {
  const newSpeaker = {
    id: this.event.user.uid,
    name: this.event.user.name
  };
  const check = this.speakers.findIndex(x => x.name == this.event.user.name) === -1;
  check && this.speakers.push(newSpeaker);
  this.event.user = "";
}

使用检查用户是否存在 id . 如果用户存在,则显示错误,否则添加用户:

addSpeaker () {
  const newSpeaker = {
    id: this.event.user.uid,
    name: this.event.user.name,
  }

  let doesUserExists = false;

  for (let i = 0; i < this.speakers.length; i++) {
    if (this.speakers[i].id === newSpeaker.id) {
      // Show an error that the user does already exists

      doesUserExists = true;

      break;
    }
  }

  if (!doesUserExists) {
    this.speakers.push(newSpeaker);
  }

  this.event.user = ''
},

或者使用for each loop:

...

this.speakers.forEach(function(speaker) {
  if (this.speakers[i].id === newSpeaker.id) {
    // Show an error that the user does already exists

    doesUserExists = true;

    return;
  }
});

...