使用Vuejs 2和Laravel 5.3使用来自数据库的信息操作复选框的值

<input type="checkbox" v-model="isChecked">

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Item extends Model
{
    protected $fillable = ['name', 'isChecked'];
}

axios.get('/api/items')
    .then(response => {
        this.items = response.data;
    })
    .catch(error => {
        console.log(error);
    });

Route::get('/items', 'ItemController@index');

<?php

namespace App\Http\Controllers;

use App\Item;

class ItemController extends Controller
{
    public function index()
    {
        return Item::all();
    }
}

<div v-for="item in items" :key="item.id">
    <input type="checkbox" v-model="item.isChecked">
    <label>{{ item.name }}</label>
</div>

Route::post('/items', 'ItemController@update');

<?php

namespace App\Http\Controllers;

use App\Item;
use Illuminate\Http\Request;

class ItemController extends Controller
{
    public function update(Request $request)
    {
        foreach ($request->input('items') as $item) {
            $itemModel = Item::find($item['id']);
            $itemModel->isChecked = $item['isChecked'];
            $itemModel->save();
        }
        
        return response()->json(['message' => 'Items updated successfully']);
    }
}