vue splice()函数

作者：残情弑天发布日期:2025-06-08 浏览:36

// 使用 Vue 中的 splice() 函数

new Vue({
  el: '#app',
  data: {
    items: [1, 2, 3, 4, 5]
  },
  methods: {
    removeItem: function(index) {
      // splice() 方法会改变原数组
      // 参数1: 开始位置，参数2: 删除的数量，可选参数3及以后: 要添加的项
      this.items.splice(index, 1);
    },
    addItemAt: function(index, item) {
      // 在指定位置添加元素
      this.items.splice(index, 0, item);
    }
  }
});

解释说明：

splice() 是 JavaScript 数组的一个方法，它可以在数组中添加或删除元素，并且会直接修改原数组。
在 Vue 中使用 splice() 可以确保数据变化被响应式地更新到视图中。
this.items.splice(index, 1) 表示从 index 位置开始删除一个元素。
this.items.splice(index, 0, item) 表示在 index 位置插入一个新元素 item。

上一篇：vue router push 传参

下一篇：vue watch用法