Pu sh и вставка одновременно в Vuejs и PHP - PullRequest
Новая
       8

Pu sh и вставка одновременно в Vuejs и PHP

0 голосов
/ 23 апреля 2020

Я хочу в ПУ sh значение в Array. Это покажет значение мгновенно. Нет необходимости обновлять sh всю страницу.

app.todoList.push(this.todo)

С помощью этой строки я делаю это.

В то же время я хочу вставить это значение для базы данных. Здесь проблема. По-разному они работают отлично. Но в совокупности это проблема.

Вот фрагмент проблемы.

enter image description here

enter image description here

Данные: 

todo: null,
todoList: []

Форма для отправки: 

<form class="w-100" @submit="createTodo">
   <div class="form-group w-100">
     <input type="text" class="form-control w-100" placeholder="What needs to be done? " v-model="todo">
   </div>
</form>

Todo Print: 

<ul>
  <li v-for="todo in todoList">
    {{ todo.todo_title }}
  </li>
</ul>

Метод вставки данных в БД: 

createTodo(e) {
  // Pushing dot only
  app.todoList.push(this.todo)
  let formData = new FormData();
  formData.append('todo_title', this.todo)

  axios({
       method: 'POST',
       url: 'api/todos.php',
       data: formData
  }).then(function(res){
  }).catch(function(res){
    console.log(res)
  });
  this.todo = null
  e.preventDefault();
}

Что я могу сделать, чтобы сделать это идеально.

1 Ответ

1 голос
/ 23 апреля 2020

Для начала я бы сказал, что более стандартный способ сделать это - нажать задачу в обратном вызове ios обещания Топора. Таким образом, вы также можете включить идентификатор, созданный из серверной части в объекте.

Не совсем понятно, в чем проблема, если проблема в том, что вы получаете li, но пустое имя, проблема в том, что когда вы делаете app.todoList.push(this.todo), вы печатаете 'todo_title'. Что вам нужно сделать, это pu sh это с ключом app.todoList.push({ todo_title: this.todo }).

...