Laravel livewire动态添加复选框
Laravel Livewire是一个开源的PHP框架，用于构建现代化的Web应用程序。它结合了Laravel框架的优雅和强大特性，以及实时动态更新的功能，使得开发者可以更轻松地构建交互性强的用户界面。
动态添加复选框是指在页面上根据用户的操作动态地增加或删除复选框元素。使用Laravel Livewire，可以通过以下步骤实现动态添加复选框的功能：
- 创建一个Livewire组件： 首先，需要创建一个Livewire组件来处理动态添加复选框的逻辑。可以使用以下命令创建一个新的Livewire组件：
- 创建一个Livewire组件： 首先，需要创建一个Livewire组件来处理动态添加复选框的逻辑。可以使用以下命令创建一个新的Livewire组件：
- 在Livewire组件中定义属性和方法： 在CheckboxComponent.php文件中，可以定义一个数组属性来存储复选框的选项，并编写一个方法来处理添加和删除复选框的逻辑。例如：
- 在Livewire组件中定义属性和方法： 在CheckboxComponent.php文件中，可以定义一个数组属性来存储复选框的选项，并编写一个方法来处理添加和删除复选框的逻辑。例如：
- 创建Livewire视图： 在resources/views/livewire目录下创建一个名为checkbox-component.blade.php的视图文件，用于显示复选框和处理用户的操作。例如：
- 创建Livewire视图： 在resources/views/livewire目录下创建一个名为checkbox-component.blade.php的视图文件，用于显示复选框和处理用户的操作。例如：
- 在页面中使用Livewire组件：
在需要显示动态添加复选框的页面中，可以使用Livewire的
@livewire指令来引入CheckboxComponent组件。例如： - 在页面中使用Livewire组件：
在需要显示动态添加复选框的页面中，可以使用Livewire的
@livewire指令来引入CheckboxComponent组件。例如：
通过以上步骤，就可以实现在页面上动态添加复选框的功能。每次点击"Add Checkbox"按钮时，会添加一个新的复选框，并且可以通过点击"Remove"按钮来删除对应的复选框。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
我想在我的表上添加过滤器。我的过滤器是帐户的安全级别。这是我的HTML O
A
B
C 这是我的Livewire组件： $this->row
]);
}
public function getRowsQueryProperty()
{
$query = User::query()
->when($this->level, fn($query, $levels) => $query->level($levels));
return $query;
}
浏览 89提问于2020-11-18得票数 1
回答已采纳
所以我让livewire组件在我的网站上显示一个左栏，里面有一些搜索字段(文本，描述等)。它的一个区域显示在第一次加载时就崩溃了(我相信它使用了jquery - UI的家伙做到了)： <p class="filterDropdown"><a class="collapsed" data-toggle="collapse" href="#collapseStatus">Status
<span><i class="far"
浏览 6提问于2020-06-20得票数 1
我想使用Laravel Fortify和Livewire来创建一个非常简单的登录表单。我不想使用Jetstream，因为它有更多我不需要的功能和我需要的功能。
我在我的应用程序中使用livewire，并希望在我的登录页面中使用它来提供实时即时验证。
我遇到的问题是，如果我在输入上使用wire:model，我无法提交带有值的表单。
我也不能使用auth()->attempt()，因为它被Fortify劫持了(至少，我是这么认为的。所知道的是，当我使用它时，它返回false)
如何将livewire与fortify一起使用？我需要将数据从livewire组件发送到POST /login。
这
浏览 8提问于2020-11-07得票数 3
我目前正在开发一个使用livewire的网站
该网站有一个多站点表单页面，并且在该多站点表单页面的内部有一个动态下拉列表。
问题是，当表单被填充时，它不会将数据存储到数据库中
当我检查网站时，有一个错误是:livewire多根元素检测到了
我该怎么解决这个？？
真人线模型：
<?php
namespace App\Http\Livewire;
use Livewire\Component;
use App\Models\Kredit;
use App\Models\Biaya;
use App\Models\Produk;
use App\Models\Promo;
use App\
浏览 9提问于2022-05-17得票数 0
我试图构建一个简单的方法来构建一个laravel项目。我从文章中得知，我们应该构建controller和blade文件，例如这个命令php artisan make:livewire Admin.CourseList，如果我们有很多页面，它将是大量的文件，
所以我有一个问题，我们能不能在很多blade文件中构建一个控制器，这个想法是制作动态url，然后在controller中检测到的url，controller从url获取数据来获取blade文件。
我正在尝试使用这种方法
Route::get('master/{fileis}', Master::class); ( my r
浏览 5提问于2022-01-14得票数 1
回答已采纳
我用的是Laravel 8和Livewire。我的Livewire应用程序URL类似于http://localhost/myproject。
我的Livewire管理面板url就像http://localhost/myproject/admin。
我正在取锚标签的问题。当我在分页中更改页面时，Livewire中的View按钮URL会自动添加公共。
“视图”按钮代码如下：
<a href="{{route('manage-product',$resdata->id)}}" class="btn btn-primary">View&
浏览 0提问于2021-01-07得票数 0
我使用了一个新的分期付款的拉拉Jetstream与团队和Livewire。一切都如期而至，但是当我尝试用livewire做一些测试时，我会得到这个错误。
1) Tests\Feature\ContactFormTest::contact_form_page_contains_contact_form_livewire
ErrorException: Trying to get property 'id' of non-object (View: /var/www/livewire/resources/views/navigation-dropdown.blade.php) (V
浏览 2提问于2020-09-28得票数 1
回答已采纳
我正在尝试向Laravel8Jetstream添加一个新的Livewire组件，但是看起来我做错了什么，并得到了下面的错误。
错误：
Livewire\Exceptions\RootTagMissingFromViewException
Livewire encountered a missing root tag when trying to render a component. When rendering a Blade view, make sure it contains a root HTML tag
路线：
// web.php
Route::middleware(&
浏览 8提问于2020-09-26得票数 1
回答已采纳
我是Livewire的新手，我尝试使用Jetstream/Livewire/TailwindCSS在Laravel 8中使用模态密码确认。在向用户提供一些敏感信息之前，我想将其作为一个附加的保护层。根据中的文档(#Modal通过Livewire确认)，我应该能够创建一个组件，然后调用该操作来请求密码确认，然后再执行剩下的代码。但是，我不能让这件事起作用。
我的组件(\App\Http\Livewire\TestComponent.php)：
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class TestCo
浏览 11提问于2021-07-24得票数 0
在Laravel 8应用程序中，我有两个组件。Input.php和Form.php
Input.php
<?php
namespace App\Http\Livewire\General;
use Livewire\Component;
class Input extends Component
{
public $name;
public $model;
public $label;
public function render()
{
return view('livewire.general.input'
浏览 13提问于2020-10-15得票数 1
有3个livewire组件UserIsExpired、UserIsActive和UserIsPending，每个组件分别有3个按钮。当一个按钮被点击时，它应该用它各自的组件替换以前的组件。
<button wire:click="$emit(active)">{{ __('Active') }}</button>
<button wire:click="$emit(pending)">{{ __('Pending') }}</button>
<button wire:click
浏览 6提问于2021-06-03得票数 0
我在一个已经制作好的laravel项目上应用了livewire。
它只是简单地应用电线:模型来选择，如下所示。
<select wire:model="wired" id="#selector-01" >
<option>1</option>
<option>1</option>
</select>
并在for循环中使用if语句中的连线变量(有线)。
<select id="#selector-02">
@foreach($numbers in
浏览 10提问于2022-03-20得票数 0
感谢你在这方面的帮助。分页链接不起作用。该页呈现正确，但尽管链接显示为链接，但单击时不起作用。我的结构如下:如果删除类文件中的下列引用，则分页工作，但格式不正确。
使用Livewire\WithPagination；使用WithPagination；
类文件: AdminDashboardDirectoryCategoryComponent.php
<?php
namespace App\Http\Livewire\Admin;
use App\Models\DirectoryCategory;
use Livewire\Component;
use Livewire\WithPag
浏览 10提问于2022-09-06得票数 0
在我添加了livewire之后
composer require livewire/livewire
创建新的livewire component
php artisan make:livewire search
我一直收到一个错误Undefined type 'Livewire\Component'
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Search extends Component
{
public function render()
{
浏览 9提问于2022-01-02得票数 0
如果我有一个laravel项目 c:\xampp\htdoc\proj -> http://localhost/proj 和公共url c:\xampp\htdoc\projpubl -> http://localhost/projpubl 使用laravel livewire，javascript url是 <script src="/livewire/livewire.js?id=83b555bb..." data-turbo-eval="false" data-turbolinks-eval="false"><
浏览 22提问于2021-09-01得票数 0
回答已采纳
我开始学习Laravel9livewire。我正在尝试做一个图像上传应用程序。我在Livewire文档中做了确切的例子，但是我得到了一个错误，无法上传图像。当我在我的mac电脑上做同样的应用程序时，它的工作没有任何问题。当我在我的windows电脑上这样做时，它就不起作用了。
ImageUpload.php
<?php
namespace App\Http\Livewire;
use Livewire\Component;
use Livewire\WithFileUploads;
class ImegaUpload extends Component
{
use With
浏览 10提问于2022-11-05得票数 2
回答已采纳
我在Livewire中使用Laravel。我想对js中的事件做出反应。一旦它发出，就会出现一个js警告。问题似乎出在app.js中，因为我有我的js函数。我收到一个错误，Livewire不可用。我使用Laravel Mix编译它，它编译得很好。
Error: Uncaught TypeError: Livewire.on is not a function
app.js：
import Livewire from '../../vendor/livewire/livewire/dist/livewire';
Livewire.on('testEvent', f
浏览 0提问于2021-03-18得票数 2
我正在创建一个动态呈现数据的Livewire数据表组件。但我在呈现关系数据时遇到了一些问题。 Subscription.php (Model)
class Subscription extends Model
{
...
public function user()
{
return $this->belongsTo('App\Models\User');
}
}
LivewireComponent.php
class SubscriptionTable extends Component
{
...
p
浏览 14提问于2021-10-23得票数 1
回答已采纳
在https://laravel-livewire.com/docs/2.x/installation上阅读laravel-livewire文档 我尝试发布配置文件，但得到了意外的结果 $ php artisan livewire:publish
Command "livewire:publish" is not defined.
Did you mean one of the
浏览 16提问于2020-10-09得票数 2
回答已采纳
我试图做一个电子商务管理员/用户认证，我使用laravel 8去注册一个测试帐户和登录，并发生了这个错误。
错误类“Laravel\Fortify\Actions\Auth”未找到
在我登录了一个测试帐户后，它的结果应该是这样的。
C:\Users\ACER\laravel8ecommerce\vendor\laravel\fortify\src\Actions\AttemptToAuthenticate.php:58
这是第58行
if(Auth::user()->utype === 'ADM')
我在AttemptToAuthenticate.php上的代码
<
浏览 7提问于2020-12-01得票数 1
Laravel Livewire项目已创建具有条件字段的动态表单。在选择业务类型(线上/实体)后，选择业务类型时需要添加输入字段type=text。我在许多论坛上问过，人们给出了几个说明，但我发现这有点困难，因为我对PHP没有太多的经验。 namespace App\Http\Livewire;
use App\Models\Classes;
use App\Models\Section;
use Livewire\Component;
class Conditional extends Component
{
public $parents = [];
public $
浏览 11提问于2021-09-15得票数 1
回答已采纳
我使用的是Laravel 8。 我的Livewire控制器 <?php
namespace App\Http\Livewire;
use Livewire\Component;
class SearchDropdown extends Component
{
public $search = 'hello there';
public function render()
{
return view('livewire.search-dropdown');
}
} Livewire刀片 <div
浏览 35提问于2020-11-28得票数 2
使用如下示例的自定义域名并不会告诉Livewire请求在此示例中使用相同的子域subdomain1作为前缀：
Route::domain('subdomain1.'.env('APP_DOMAIN', 'localhost'))
->middleware(['web',.....])
->as('app.')
->group(base_path('routes/app.php'));
问题是Liv
浏览 5提问于2021-10-13得票数 2
使用Laravel 8+ Livewire:我遵循了创建动态下拉列表的教程：
我有一个下拉组件：
public $suppliers;
public $beans;
public $selectedSupplier = NULL;
public function mount()
{
$this->suppliers = Supplier::whereHas('greenBeans')->get();
$this->beans = collect();
}
pu
浏览 8提问于2022-01-16得票数 1
我找到了laravel脚本，这是一个自由职业者的平台脚本。当我转到“消息”部分时，屏幕不会打开。通常，链接应该是这样的：，但链接打开；。所以我不能使用消息页面。我将分享一些我认为有必要的代码。如果不见了请告诉我。
路由/web.php
// Messages
Route::namespace('Messages')->prefix('messages')->middleware('auth')->group(function() {
// Index
Route::get('/&
浏览 9提问于2022-10-04得票数 0
2回答
这里是livewire的代码，每当我运行这段代码时，它都不会显示我正在使用laravel 7和livewire来实现这种方法。
控制器
<?php
namespace App\Http\Livewire;
use App\Models\brands;
use Livewire\Component;
class SearchBar extends Component
{
public $searchTerm;
public function render()
{
$searchTerm = '%'.$this->s
浏览 0提问于2021-03-08得票数 0
回答已采纳
5回答
我正在使用laravel livewire删除两个表中的记录，问题出在模式上，记录正在被删除，但模式仍然显示。 奇怪的是，当我注释代码行中的一行来删除数据时，它起作用了！ 我使用的是Bootstrap 4.1 这是我的函数： public function delete($id)
{
DB::beginTransaction();
try
{
// If I comment on any of the following two lines (it doesn't matter what li
浏览 33提问于2020-08-12得票数 0
回答已采纳
下面是我的App/Http/Livewire/Test.php文件
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Test extends Component
{
public $name = 'mike';
public function render(){
return view('livewire.test');
}
public function clickTest(){
$this->n
浏览 4提问于2021-05-30得票数 0
回答已采纳
我想向用户展示，但它不起作用，我写了@livewireScripts和@livewireStyles 我不知道为什么我在livewire docs上找到了搜索教程，并且做了同样的事情，但也不工作，也没有显示任何用户的名字 以下是我的代码 我的test.blade.php @extends('layouts.master')
@section('css')
@livewireStyles
@section('title')
empty
@stop
@endsection
@section('page-header')
&
浏览 25提问于2021-08-20得票数 1
我最近开始研究Laravel Livewire。当我第一次创建Livewire组件时，一切都运行得很好。但是当我尝试创建一个新函数时，事件和函数不再起作用。来自Livewire类的属性/变量可以读取，但我真的不能让函数工作。以下是我的代码 resources/views/livewire/step.blade.php <div>
<button id="sampleBtn" wire:click="increment">+</button>
{{-- Doesn't change v
浏览 8提问于2020-11-28得票数 1
我想知道如何检查Laravel Livewire的版本。我计划更新Livewire，并想检查当前版本。
浏览 20提问于2021-08-19得票数 0
回答已采纳
我正在用laravel 8和livewire开发一个应用程序。我在视图gestionale.blade.php中创建了具有以下操作的三个组件(表)。
在加载页面时填充第一个表，然后选择一行，第二个表使用单击事件填充，最后通过单击第二个表中的一行填充第三个表。从Livewire文档中，我使用了事件，但我只有第一个事件的正确功能，即单击第一个表填充第二个表，然后单击第二个表中的一个行，我什么也没有得到。我在代码中输入了一个转储&死，只是不能在第二个表中引发事件。
这是我的密码：
<?php
namespace App\Http\Livewire;
use Livewire\Com
浏览 0提问于2021-04-06得票数 0
我正在尝试为以下上传图像的Livewire组件编写一个测试： use Livewire\Component;
use Livewire\WithFileUploads;
class UploadImage extends Component
{
use WithFileUploads;
public $image;
public function save()
{
$this->validate([
'image' => 'image|mimes:jpg,jpeg',
浏览 28提问于2020-08-20得票数 1
回答已采纳
文件夹结构： Livewire
- Things
- Addthing.php 刀片文件 @livewire('things.addthing') 找不到它：Unable to find component: [things.addthing] 如果没有子目录，它可以很好地工作： Livewire
- Addthing.php 。 @livewire('addthing') 如何让Livewire组件在子目录中工作？
浏览 20提问于2020-11-23得票数 1
发送表单后，我将从Ajax中获取数据。有一个侦听器正在将属性设置为。
我试图实现的是在提交表单后显示我的结果。在组件中，模型已被很好地检索，但是当我想将它显示给我的组件时，我会得到一个错误。
directive_manager.js:26 Uncaught (in promise) TypeError: Cannot read property 'getAttributeNames' of null
at _default.value (directive_manager.js:26)
at new _default (directive_manager.js:
浏览 3提问于2020-07-09得票数 1
我已经创建了一个包含以下内容的livewire组件头像：
use Livewire\Component;
use Livewire\WithFileUploads;
class Avatar extends Component
{
use WithFileUploads;
/**
* @var \Livewire\TemporaryUploadedFile
*/
public $photo;
public function updated()
{
$this->validate([
浏览 0提问于2020-10-20得票数 1
6回答
我使用这个命令来安装laravel +身份验证
composer global require laravel/installer
laravel new laravel--jet
Laravel 4.0.2
但在cmd上显示此错误：
Which Jetstream stack do you prefer?
[0] livewire
[1] inertia
>
Aborted.
我用这个命令：
composer create-project --prefer-dist laravel/laravel laravel
composer require laravel/jet
浏览 15提问于2020-09-08得票数 1
回答已采纳
我到官方网站查看安装Livewire，在包含组件后，它说要在counter.blade.php中添加“计数器”功能和相关功能，然后使用<livewire:counter />来介绍，但我希望相关功能是直接在我的刀片中使用，而不是使用counter.blade和<livewire:counter />，我怎么做呢？
mytest.blade.php
<div wire:poll.1000ms>Current time: {{ now() }}</div>
@for ($i = 0; $i < count($DataSet); $i+
浏览 9提问于2022-10-14得票数 0
回答已采纳
1回答
使用 Laravel 8.54 Livewire 2.6 用于角色和权限的Laratrust包 我想像这样编辑权限角色 RolesEdit.php (livewire组件) <?php
namespace App\Http\Livewire\Admin\Roles;
use App\Models\Role;
use Livewire\Component;
use App\Models\Permission;
use Illuminate\Support\Arr;
use Illuminate\Support\Facades\Validator;
class RolesEdit ex
浏览 6提问于2021-10-08得票数 0
回答已采纳
该问题存在于编辑角色属性(包括通过复选框选择的关联权限)的表单上下文中。
加载表单后，根据检索到的角色数据，某些权限的复选框显示为按预期选中。可以选中和取消选中空复选框，并且更改将反映在浏览器的请求有效负载预览数组上，尽管添加的新值在数组上显示为字符串，如您所见：
role_permissions: [1, 2, 3, 4, 5, "6"]
然而，这就是问题所在，当取消选中加载表单时默认选中的复选框时，它们的行为很奇怪，不允许取消选择多个复选框，并且浏览器的请求有效负载预览上的数组根本不会更新。
Laravel视图：
<div class="card-body&#
浏览 3提问于2020-08-11得票数 1
我在一个livewire组件中有一个轮询事件，并且在组件中抛出了刀片Laravel Echo cannot be found。我按照文档中的说明安装了Laravel echo，但在bootstrap.js中没有注释 但是，我的布局使用的是jquery，因此我删除了主布局中app.js脚本中的defer。我的格式是这样的，这是我布局的标题部分。 @livewireStyles
@livewireScripts
<script src="{{ mix('js/app.js') }}" ></script>
<script src
浏览 17提问于2021-08-05得票数 2
回答已采纳
我正在使用Laravel和Livewire中的复选框，我在编辑记录时遇到了问题，我可以获得在创建记录期间选择的用户的检查in。 这是我的流程 <table>
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Job Title</
浏览 11提问于2021-06-22得票数 1
回答已采纳
我有下面的livewire代码来执行页面标题的搜索，它在第一次搜索时工作得很好，但是后续的搜索并不能完全删除前面搜索的结果。
namespace App\Http\Livewire\Page;
use App\Models\Page;
use Livewire\Component;
class Search extends Component
{
public $searchQuery = "";
public $searchResults;
public function resetSearchValue() {
$this-&g
浏览 13提问于2022-06-13得票数 1
回答已采纳
1回答
嘿，所有聪明的人，我需要一些帮助与一些livewire，我正在向我的组件中的外部API的请求，我想显示在刀片上，但它只是保持超时，所以想知道是否有人可以帮助我，我的脚本是下面和我有一个ddd的例子，在它渲染的视图和超时...
<?php
namespace App\Http\Livewire;
use Illuminate\Support\Facades\Http;
use Livewire\Component;
class Users extends Component
{
public $users;
public function render()
浏览 15提问于2021-02-17得票数 0
我有一个livewire组件，需要使用JWT发送请求。
由于livewire GET请求在默认情况下不发送令牌，所以我决定修改Laravel的身份验证中间件，以便通过Laravel中间件中的承载发送我在livewire组件中设置的会话中的令牌。
当我试图在身份验证中间件中检索该变量时，我添加到我的livewire组件中的会话中的变量返回NULL。
1.带电组件
<?php
namespace App\Http\Livewire;
class HelloWorld extends Component
{
public function mount(TransactionCheck
浏览 2提问于2021-04-26得票数 0
使用dropdown(select input)和依赖非常简单的livewire。 我们有两个型号。州和城市 如果我们希望当用户选择了状态下拉菜单时，会显示城市下拉菜单，用户可以选择城市，而无需使用ajax或java脚本，只需在laravel 8中使用livewire即可。 在您的laravel项目中安装livewire composer require livewire/livewire 创建组件(示例名称计数器) php artisan make:livewire counter 运行此命令将生成以下两个文件： app/Http/Livewire/Http.php resources/v
浏览 12提问于2021-09-21得票数 0
我已经开始使用livewire，但是我不能使用wire:click加载表单，无论是在创建模式还是编辑模式下，但当我单击时，我得到的只是某种模式和404错误
这是livewire组件
namespace App\Http\Livewire;
use Livewire\Component;
class Activities extends Component
{
public $view = 'none';
public function render()
{
return view('livewire.activities&#
浏览 0提问于2021-02-04得票数 4
2回答
我是LiveWire新手，正在尝试用Laravel、jetstream和livewire构建简单的应用程序 我的应用程序从DB中获取数据，并以分页的方式显示在Table中。一切正常，但问题是，当我点击任何页面时，我都会得到URI '?page=2‘ 我不想在Url中看到这个URI，我的刀片也很简单，如下所示 <x-app-layout>
<x-slot name="header">
</x-slot>
<div class="py-2">
浏览 13提问于2021-01-28得票数 0
当我设置datatable时，不管我使用的对象是什么，我最终都会尝试加载它，并最终超时。我甚至不知道如何开始调试这个。
我在这里学习了一些示例：和简单数据表，如：
<livewire:datatable model="App\User" exclude="planet_id, bio, latitude, longitude, updated_at" />
完美地工作。我遇到的问题是，当我尝试任何需要它自己的Datatable类的东西时。
我的步骤/代码如下：
php artisan livewire:make jobs-data-table
job
浏览 3提问于2021-10-07得票数 0
回答已采纳
我有一个evaluation模型，它有很多trials。我可以通过试验创建一个试用版并进行查询，并将它们输出到我的evaluation.show视图中。我的问题是，当我想要创建到我的trial.edit或trial.show路由的链接时，我总是会得到错误Missing required parameter for [Route: trial.show] [URI: evaluation/{evaluation}/trial/{trial}] [Missing parameter: trial]。我知道我错过了一些显而易见的东西，但我已经耗尽了我的大脑输出。
web.php
...
Route:
浏览 12提问于2022-03-30得票数 -1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
