Laravel 5 引导vue未在中传递数组复选框

我在laravel项目中使用bootstrap vue通过复选框（b-form-checkbox）将数据从视图传递到数据库，我想从数据库传递的权限中进行选择并将其分配给角色，这意味着角色可以具有多个权限，不幸的是，数据没有作为数组持久化到数据库中，因为如果我在复选框中选择多个，它只显示单击的第一个。我需要帮助，因为我在这个问题上花了太多时间。这是我的代码：

edit.blade.php
@extends('layouts.master')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Admin
        <small>Edit</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ route('home') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="{{ route('role.index') }}">Role</a></li>
        <li class="active">Edit</li>
    </ol>
</section>

<!-- Main content -->
    <section class="content">

        @include('layouts.partials.message')

        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                      <div class="box-header with-border">
                        <h3 class="boxtitle">Edit Role</h3>
                      </div>
                      <!-- /.box-header -->
                    <div class="box-body">
                        <form action="{{ route('role.update', ['id' => $role->id]) }}" enctype="multipart/form-data" method="post" accept-charset="utf-8">
                                {{csrf_field()}}
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="text" name="display_name" value="{{ old('display_name', $role->display_name) }}" class="form-control" placeholder="Name (Human Readable)" required>
                                        <span class="help-block text-red">
                                            @if($errors->has('display_name'))
                                                {{ $errors->first('display_name')}}
                                            @endif
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="text" name="name" value="{{ old('name', $role->name) }}" class="form-control" placeholder="Slug (can not be edited)" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="text" name="description" value="{{ old('description', $role->description) }}" class="form-control" placeholder="Role Description">
                                    </div>
                                </div>
                           </div>                           
                            <div class="row">
                              <div class="col-md-6">
                                <h2>Permissions:</h2>
                                <b-form-group>
                                <b-form-checkbox-group v-model="permissionsSelected">
                                @foreach ($permissions as $permission)
                                <div class="form-group">
                                        <b-form-checkbox id="permissions" name="permissions"  value="{{ $permission->id }}">
                                        <div class="form-group">
                                      {{ $permission->display_name }} <em> ({{ $permission->description }})</em>
                                        </div>
                                        </b-form-checkbox>
                                </div>
                                @endforeach
                              </div>
                            </div>
                            <hr>
                            <div class="row">
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <button class="btn btn-primary" type="submit" id="submit">
                                            <i class="fa fa-check"></i> Submit
                                        </button>
                                        <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    </div>
                                </div>
                                <div class="col-md-11">
                                    <div class="form-group">
                                        <div class="checkbox">
                                            <label>
                                                <input name="redirect" type="checkbox" checked> Redirect to role list after submission
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

    </section>

@endsection

@section('vue')
    <script>
      var app = new Vue ({
        el: '#app',
        data: {
            permissionsSelected: {!!$role->permissions->pluck('id')!!}        
        }
      });
    </script>
@endsection

edit.blade.php
@扩展（'layouts.master'）
@节（“内容”）
管理
编辑


编辑
@包括（'layouts.partials.message'）
编辑角色
{{csrf_field（）}}
@如果（$errors->has（'display_name'））
{{$errors->first（'display_name'）}
@恩迪夫
权限：
@foreach（$permissions作为$permission）
{{$permission->display_name}（{{$permission->description}）
@endforeach

提交
提交后重定向到角色列表
@端部
@节（“vue”）
var app=新的Vue({
el:“#应用程序”，
数据：{
已选择权限：{！！$role->permissions->pull（'id'）
}
});
@端部

您能确保您的代码正确吗？我没有看到

和

b-form-group

的close标记。我已经添加了它，当使用相同的名称绑定到相同的数据值时，它仍然是相同的多个复选框。。。数据值必须是数组。在代码中，您没有将b-form-checkbo绑定到任何

v-model

。在循环中渲染b-form-group时，还应在其上设置一个unique。