vuejs this.posts。$ remove（postId）不是函數

Question

即時嘗試刪除數組元素使用$刪除。但它說this.posts。$ remove不是一個函數。任何人都可以解釋我在哪裏錯了？

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

VUE例如：

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