Не могу удалить элемент input из списка — всегда удаляется последний?

Возможно, ваша проблема связана с тем, что вы неправильно обрабатываете индекс элемента в списке при его удалении. Вот несколько рекомендаций, как правильно удалить элемент из списка в Vue.js:

1. Убедитесь, что каждый элемент в списке имеет уникальный идентификатор. Это можно указать в атрибуте key, который обычно используется при отображении компонентов в цикле v-for. Уникальные идентификаторы помогут Vue.js определить, какой элемент нужно удалить из списка.

2. При удалении элемента из списка используйте метод splice(index, 1), где index - индекс удаляемого элемента в списке, а 1 - количество элементов, которые нужно удалить. Например, если вы используете v-for для отображения списка, удаление элемента может выглядеть так:

methods: {
  removeItem(index) {
    this.items.splice(index, 1);
  }
}

3. Убедитесь, что передаете правильный индекс элемента в метод removeItem. Если вы используете кнопку для удаления элемента, вы можете передать индекс через атрибут data-:

<button @click="removeItem(index)" :data-index="index">Удалить</button>

и затем в методе removeItem получить индекс из event.target.dataset.index:

removeItem(event) {
  const index = event.target.dataset.index;
  this.items.splice(index, 1);
}

4. Если вы все еще сталкиваетесь с проблемой удаления всегда последнего элемента, проверьте, как изменяется ваш список после удаления элемента. Возможно, вы неправильно обновляете список после удаления элемента, что приводит к удалению неверного элемента. Убедитесь, что после удаления элемента вы пересчитываете индексы оставшихся элементов в списке.

Надеюсь, что эти рекомендации помогут вам правильно удалить элементы из списка в Vue.js.