vuejs this.posts. $ Remove (postId) не является функцией

Question

im пытается удалить элемент массива с помощью $ remove. но он говорит this.posts. $ remove не является функцией. Может ли кто-нибудь объяснить, где я ошибаюсь?

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

вю экземпляра:

deletePost(postId){ 
     console.log(postId); 
     this.posts.$remove(postId); 
     }, 

это мой пример данных

это моя консоль

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) 
    } 
}