vue.js vue-好表将id传递给laravel控制器

Question

你好，伙计们，我是vue.js和vue-好桌子的新手。

我能够使用console.log获得行数据的id，但我不知道如何将其传递给控制器，以便继续使用put或delete方法。

Department.vue组件

<vue-good-table styleClass="vgt-table striped bordered condensed" 
....>
 <template slot="table-row" slot-scope="props">
  <span v-if="props.column.field == 'before'">
   <button class="btn btn-primary btn-block" @click="fetch(props)">Edit</button>
  </span>
</template>
</vue-good-table>

<script>
...
...
  methods: {
      fetch(props) {
            console.log(props.row.id);
}
</script>

Answer 1

您可以使用任何ajax库来达到目标。例如，项目文件夹中的axios

npm install axios --save

在组件中添加

import axios from 'axios';

然后只需阅读文档并对控制器https://github.com/axios/axios执行请求即可。