v-модель и передача параметра в вызов API api rest patch - PullRequest
Новая
       15

v-модель и передача параметра в вызов API api rest patch

0 голосов
/ 07 марта 2019

Очень плохо знаком с Vue2, пока все хорошо, но я наткнулся на небольшую загадку, и передняя часть не моя сильная сторона. Таблица (vue-tables-2) правильно отображает то, что находится в базе данных. Я передаю идентификатор в функцию, чтобы определить, какую конкретную строку нужно обновить, но я также хочу обновлять значение флажка в базе данных всякий раз, когда я нажимаю на нее. Как я могу этого достичь? Большое спасибо. 

<v-client-table :data="tableData" :columns="columns" :options="options" >

<input type="checkbox" v-model="props.row.powerOff" @change="powerOff(props.row.id, props.row.powerOff)">

</v-client-table>

export default {
  data() {
    return {
      columns: ['id', 'name', 'location.address', 'status', 'payment', 'powerOff'],
      tableData: [] 
    }
  },
 created() {
    HTTP.get('test').then( response => {this.tableData = response.data;})
    .catch( error => {});
},
 methods: {
powerOff(id, currentPowerOff) {
  var testURL = 'test/' + id

  HTTP.patch(testURL, {id, currentPowerOff})//
  .then( response => {})
  .catch( error => {console.log(error); });
 }
}

}

1 Ответ

0 голосов
/ 07 марта 2019

Кажется, что переход с v-click: на @change исправил мою проблему. Читая немного больше об этом, событие click запускается до того, как v-model обновит значение, а @change сделает это позже. Спасибо!

...