vuejs this.posts。$ remove（postId）不是一个函数

Question

我试图使用$ remove删除数组元素。但它说this.posts。$ remove不是一个函数。谁能解释我错在哪里？

def create(self, validated_data):
    timings_data = validated_data.pop('timings')
    temple = Temple.objects.create(**validated_data)

    for time_data in timings_data:
        obj2 = Timings.objects.create(**time_data)
        temple.timings.add(obj2)
    return temple

vue实例：

<button type="button" class="btn btn-danger" @click="deletePost(post.id)">Xxx</button>

这是我的示例数据

这是我的控制台

Answer 1

我在标签中看到您使用的是VueJS 2. $remove()方法已被删除：http://vuejs.org/v2/guide/migration.html#Array-prototype-remove-removed

如迁移指南中所述，您应该只使用splice()方法：

methods: {
  removeTodo: function (todo) {
    var index = this.todos.indexOf(todo)
    this.todos.splice(index, 1)
  }
}