Question

大家好，我是vue.js和vue-good-table的新手。

我能够使用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发出请求

vue.js vue-good-table将ID传递给laravel控制器

1 个答案: