Всем привет. Хочу сделать spa-приложение. И у меня главной страницы есть форма, регистрации и авторизации, но не суть.
Вот форма(регистрации) Это файл FormAuthComponent.vue
<div class="uk-card">
<div class="auth-title">
<span class="uk-text-bold">Регистрация</span>
</div>
<div class="uk-card-body auth-body">
<form method="POST" action="{{ routeReg }}">
{{ csrf }}
<div class="auth-form">
<input id="name" type="text" class="uk-input" name="name" required autofocus placeholder="Логин">
{{ ifErrorHasName }}
<span class="invalid-feedback" role="alert">
<strong>{{ errorFirstName }}</strong>
</span>
{{ endif }}
</div>
<div class="auth-form">
<input id="email" type="email" class="uk-input" name="email" required placeholder="Email">
{{ ifErrorHasEmail }}
<span class="invalid-feedback" role="alert">
<strong>{{ errorFirstEmail }}</strong>
</span>
{{ endif }}
</div>
<div class="auth-form">
<input id="password" type="password" class="uk-input" name="password" required placeholder="Пароль">
{{ ifErrorHasPass }}
<span class="invalid-feedback" role="alert">
<strong>{{ errorFirstPass }}</strong>
</span>
{{ endif }}
</div>
<div class="auth-form">
<input id="password-confirm" type="password" class="uk-input" name="password_confirmation" required placeholder="Повторить пароль">
</div>
<div class="auth-form">
<button type="submit" class="uk-button auth-form-button-reg">
Зарегистироваться
</button>
</div>
</form>
</div>
<div class="auth-form auth-form-reg">
<span class="uk-text">Есть аккаунт?</span>
<br>
<a @click="onClick" href="#" class="uk-link auth-form-reg-link">Авторизоваться!</a>
</div>
</div>
Вот скрипт к этому файлу:
<script type="text/javascript">
export default {
data: function(){
return{
showAuth: true,
showReg:false
}
},
props:[
'csrf',
'ifErrorHasName',
'ifErrorHasPass',
'ifErrorHasEmail',
'endif',
'routeLog',
'routeReg',
'errorFirstName',
'errorFirstEmail',
'errorFirstPass',
],
methods:{
onClick: function(){
this.showAuth = !this.showAuth
this.showReg = !this.showReg
}
}
}
</script>
Далее.. я этот компонент вывожу на гл.стр:
<div class="uk-width-1-4 uk-background-muted uk-box-shadow-medium">
<formauth-component
csrf="@csrf"
if-error-has-name="@if ($errors->has('name'))"
if-error-has-email="@if ($errors->has('email'))"
if-error-has-pass="@if ($errors->has('password'))"
endif="@endif"
route-log="{{ route('login') }}"
route-reg="{{ route('register') }}"
error-first-name="{{ $errors->first('name') }}"
error-first-email="{{ $errors->first('email') }}"
error-first-pass="{{ $error->first('password') }}"
></formauth-component>
</div>
Правильно ли я это делаю?
Правильна ли такая запись?
Но видимо что нет, потому что ошибка:
