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之后执行。谢谢！

v模型并将参数传递给rest补丁api调用

1 个答案: