使用Axios，Laravel和Vue.JS的补丁方法

Question

有人可以帮我吗？编码新手...我正在尝试使用此补丁方法来更新任务...我正在为此使用API​​路由，并且当前正在使用Laravel 5.7，这是一个常规任务列表。该图像也已附加。

我的路线列表是：PUT | PATCH | api / tasks / {task}

这是我的控制器和下面的TaskList.vue。

int[][]

<template>
<div class="card-body col-md">
    <form action="#" @submit.prevent="createTask()">
        <div class="input-group mb-3">
            <input v-model="task.body" type="text" name="body" class="form-control" placeholder="Enter Task" autofocus>
            <span class="input-group-btn ml-2">
                <button type="submit" class="btn btn-primary"><i class="far fa-plus-circle"></i> Add Task</button>
            </span>
        </div>
    </form>

    <ul class="list-group">
        <li class="ml-4" v-if='list.length === 0'>No current tasks!</li>
        <li class="list-group-item list-group-item-action font-weight-bold" v-for="(task, index) in list">
            {{ task.body }}
            <button @click="deleteTask(task.id)" class="btn btn-danger btn-sm pull-right">Delete</button>
            <button @click="updateTask(task.id)" class="btn btn-warning btn-sm pull-right mr-2">Update</button>
        </li>
    </ul>
</div>

Route :: resource（'tasks'，'TaskController'）;

感谢所有帮助！