Название задачи для обновления без обновления страницы - PullRequest
0 голосов
/ 07 апреля 2020

Я работаю над CRUD-приложением Ax ios с компонентами Laravel и Vue. js. Мне бы хотелось, чтобы заголовок задачи был зачеркнут (помечен как завершенный) без обновления страницы. Я искал раздел рендеринга в файле контроллера, но я либо обновляю всю страницу, либо заголовок не вычеркивается в зависимости от того, включаю ли я type = "button" в шаблон Vue. Я на правильном пути с этим?

CompleteButton. vue

<template>
<button type="button" v-bind:class="order_button_style" @click="on_order_button_click()">
  {{ buttonText }}
</button>
</template>

CompleteController. php

<?php

namespace App\Http\Controllers;

use App\Profile;
use App\User;
use App\Task;
use App\Follow;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Response;

class CompleteController extends Controller
{
public function __construct()
{
    $this->middleware('auth');
}



public function store(User $user, Task $task, Request $request)
{
    // check if the authenticated user can complete the task

    $data = $this->validate($request, [
        'is_complete' => 'required|boolean',
    ]);



    Auth::user()->tasks()->where('id', $task->id)->update([
        'is_complete' => $data['is_complete']
    // mark the task as complete and save it
    ]);

}

    function get_index() {
        $view = View::make('home.index');

        if(Request::ajax()) {
            $sections = $view->renderSections(); // returns an associative array of 'content', 'head' and 'footer'

            return $sections['content']; // this will only return whats in the content section

        }

        // just a regular request so return the whole view

        return $view;
    }
}
...