Добрый день! Начал изучать Livewire. Работаю над пет-проектом новостного сайта. Livewire подключен, база данных подключена правильно, миграции созданы. Вывод категорий новостей работает корректно. Возникла проблема при создании формы для добавления категории новостей и ее отправки.
веб.php
Route::group(['prefix' => 'admin', 'as' => 'admin.'], function () {
Route::get('/newsCategories/show', ShowNewsCategories::class)
->name('news.categories.show');
Route::get('/newsCategories/create', CreateNewsCategory::class)
->name('news.categories.create');
});
CreateNewsCategory.php (app/Http/Livewire/Admin/NewsCategories/CreateNewsCategory.php)
<?php
namespace App\Http\Livewire\Admin\NewsCategories;
use App\Models\NewsCategory;
use Illuminate\Contracts\Foundation\Application;
use Illuminate\Contracts\View\Factory;
use Illuminate\Contracts\View\View;
use Livewire\Component;
class CreateNewsCategory extends Component
{
public $name;
public $order;
protected $rules = [
'name' => 'required|string|max:220',
'order' => 'required'
];
public function create(){
$this->validate();
NewsCategory::create([
'name' => $this->name,
'order' => $this->order,
]);
}
/**
* @return Factory|View|Application
*/
public function render()
{
return view('livewire.admin.news-categories.create-news-category')
->extends('layouts.admin.master')
->section('content');
}
}
/resources/views/livewire/admin/news-categories/create-news-category.blade.php
<form wire:submit.prevent = "create">
<div class = "form-group">
<label for = "name">Name</label>
<input type = "text" class = "form-control" id = "name" placeholder = "Enter name" wire:model = "name">
</div>
<div class = "form-group">
<label for = "order">Order</label>
<input type = "text" class = "form-control" id = "order" placeholder = "Enter order" wire:model = "order">
</div>
<button type = "submit" class = "btn btn-primary" wire:click = "create">Create</button>
</form>
NewsCategory.php (/app/Models/NewsCategory.php)
<?php
namespace App\Models;
use Carbon\Carbon;
use Cviebrock\EloquentSluggable\Sluggable;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Database\Eloquent\SoftDeletes;
class NewsCategory extends Model
{
use Sluggable;
use SoftDeletes;
protected $table = 'news_categories';
protected $casts = [
'order' => 'int'
];
protected $fillable = [
'order',
'name',
'slug'
];
public function articles(): HasMany
{
return $this->hasMany(Article::class);
}
public function sluggable(): array
{
return [
'slug' => [
'source' => 'name'
]
];
}
}
Результат - страница перезагружается, но запись в базе данных не создается.
Я попытался изменить код функции «создать» на компонент CreateNewsCategory:
public function create(){
die($this->name);
}
Во всех случаях страница перезагружается и ничего не происходит. Помоги пожалуйста
Если убрать валидацию - результат тот же(
Минимальный воспроизводимый пример, пожалуйста?






вы используете директиву wire:submit.prevent в форме и директиву wire:click в кнопке. В этом случае метод create запускается дважды, когда вы нажимаете кнопку. Вы должны использовать только одну из этих директив.
<!-- /resources/views/livewire/admin/news-categories/create-news-category.blade.php -->
<form wire:submit.prevent = "create">
<div class = "form-group">
<label for = "name">Name</label>
<input type = "text" class = "form-control" id = "name" placeholder = "Enter name" wire:model = "name">
</div>
<div class = "form-group">
<label for = "order">Order</label>
<input type = "text" class = "form-control" id = "order" placeholder = "Enter order" wire:model = "order">
</div>
<button type = "submit" class = "btn btn-primary">Create</button>
</form>
Теперь метод create следует вызывать только один раз при отправке формы.
Что касается другой вашей проблемы, если страница перезагружается, это может указывать на то, что форма отправляется традиционно (без вмешательства Livewire), а не перехватывается и обрабатывается Livewire. Проверьте элемент формы, чтобы узнать, есть ли у него атрибут wire:id. Если это не так, Livewire инициализируется неправильно.
Убедитесь, что вы выполнили каждый шаг в: https://laravel-livewire.com/docs/2.x/quickstart
Спасибо за ваш ответ! Торопился отправить вопрос и не заметил, что второе "создать" не убрано. Проблема действительно заключалась в отсутствии livewireStyles и livewireScripts в родительском компоненте (сначала не проверял, потому что это сделал кто-то другой). Спасибо!!
Вы уверены, что проверка прошла?