splice 不适用于数组行 vue js

我有一个对象数组，但是当我想从数组列表中删除对象时，仅从末尾删除项目

<div class="hours" v-for="(time, index) in hour" :key="index">

然后我将点击功能放在图标上

<b-icon
v-if="time.delete"
icon="x"
width="20"
height="20"
class="delete-time"
@click="deleteTime(index)"
></b-icon>

但是当我去删除的时候

methods: {
moment, 
deleteTime(index) {
       this.hour.splice(index, 1);
 },

我发现挑战是你需要添加一个唯一的IDHOUR，正如您之前所做的那样。 我更新了之前的答案

 hour: [
            {
              id: 1,
              "item-1": 10,
            },
            {
              id: 2,
              "item-2": 11,
            },
            {
              id: 3,
              "item-3": 12,
            },
          ],

请注意key被分配给从获得的唯一IDhour object.

:key="time.id"

And 删除项目 takes index有一个参数

@click="deleteTime(index)"

      <div class="hours" v-for="(time, index) in hour" :key="time.id">
        <button @click="deleteTime(index)">
          Content {{time.id}}
        </button>
      </div>

然后你的方法就可以了

deleteTime(index) {
            this.hour.splice(index, 1);
          },