发出post请求时出现Vuejs axios错误

Question

我是新来的vuejs和我下面的教程（https://www.youtube.com/watch?v=Wy9q22isx3U

addtodo(newTodo){
      const {title,completed} = newTodo;
      axios.post('https://jsonplaceholder.typicode.com/todos',{
        title,
        completed
      })
      .then(res => {
        this.todos = this.todos.push[res.data];
        //console.log(res.data);
      })
      .catch(err => console.log(err));  
    }

Answer 1

不用this.todos=this.todos.push（）只用

this.todos.push(res.data)

Answer 2

您使用的.push（）错误，它是括号而不是括号。

new Vue({
  el: "#app",
  data: {
      todos:[{
      "userId": 1,
      "id": 1,
      "title": "delectus aut autem",
      "completed": false
    },
    {
      "userId": 1,
      "id": 2,
      "title": "quis ut nam facilis et officia qui",
      "completed": false
    }]
  },
  methods: {
  	addtodo(newTodo){
      const {title,completed} = newTodo;
      axios.post('https://jsonplaceholder.typicode.com/todos',{
        title,
        completed
      })
      .then(res => {
        this.todos.push(res.data);
        console.log(res.data);
      })
      .catch(err => console.log(err));  
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<button @click="addtodo({title:'New todo',completed:true})">
  click to add todo
</button>
  <ul>
    <li v-for="todo in todos" :key="todo.id">{{todo.title}}</li>
  </ul>
</div>