README

包未维护，使用风险自负

SolbegLaravelVueValidation

它是Laravel应用的插件，用于使用Vee-Validate插件进行前端验证。

它自动将Laravel的FormRequest规则转换为Vee规则。它还将错误消息传递给Vee验证器。

因此，您可以在Laravel应用程序中一次性编写规则，前端也将使用相同的规则。

要求

• PHP >= 5.6.4
• Laravel框架5.3.*
• Vue 1.x或2.x
• Vee-Validate Vue插件1.x或2.x

安装

使用composer安装插件

$ php composer.phar require solbeg/laravel-vue-validation

安装此供应商后，添加以下行。

在您的Laravel配置文件config/app.php的providers数组中添加此包的服务提供者。

    // ...
    Solbeg\VueValidation\ServiceProvider::class,
    // ...

并将此包的门面添加到aliases数组中。

    // ...
    'F' => Solbeg\VueValidation\Facades\Form::class,
    'HTML' => Solbeg\VueValidation\Facades\Html::class,
    // ...

发布此供应商的资产

$  php artisan vendor:publish --force --provider="Solbeg\VueValidation\ServiceProvider" --tag=public

在您的布局中连接此插件的JS文件。注意！此JS文件必须在Vue & Vee JS文件之后包含

<script src="{{ asset('vendor/solbeg/laravel-vue-validation/init-vue-validation.js') }}"></script>

在您的布局中添加以下JS代码，以便Vue使用此插件进行验证

Vue.use(SolbegLaravelVueValidation);

用法

在您的blade模板中

{{ F::open([
    // ...
    'request' => \App\Http\Requests\YourFormRequestClass::class,
]) }}

    ...

    {!! F::controlGroup('phone',
        F::label('phone', 'Phone number'),
        F::text('phone', old('phone', $user->phone))
    ) !!}


    ...

{{ F::close([
    /**
     * Additional params for Vue object.
     * They will be passed in `new Vue({here})` constructor
     */
    'data' => [
        'prop1' => 'val1',
    ],
]) }}

{{-- OR without additional Vue options --}}
{{ F::close() }}
{{ F::close(true) }}

{{-- OR `false` if you initialize Vue object by himself --}}
{{ F::close(false) }}