rest - v-model 并将参数传递给休息补丁 api 调用

Question

对 Vue2 来说非常新，到目前为止一切都很好，但我遇到了一些障碍，前端不是我的强项。表（vue-tables-2）正确显示数据库中的内容。我在函数中传递一个 id 以确定要更新的特定行，但我也想在按下它时更新数据库中复选框的值。我怎样才能做到这一点？非常感谢。

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

}

Answer 1

似乎从 v-click:on 更改为 @change 解决了我的问题。阅读更多关于它的内容，click 事件在 v-model 更新值之前运行，而 @change 之后运行。谢谢 ！