如何在Livewire中注册其他组件内部的组件？
在Livewire中注册其他组件内部的组件可以通过以下步骤完成：
- 在你想要注册组件的地方，使用
@livewire指令引入组件。例如，如果你想要在父组件中注册子组件，可以在父组件的Blade模板中使用@livewire('child-component')来引入子组件。 - 在子组件中，使用
mount()生命周期钩子函数来注册其他组件内部的组件。在mount()函数中，使用app()->instance()方法将其他组件注册到子组件中。例如，如果子组件中想要注册内部组件InnerComponent，可以使用以下代码：
use App\Http\Livewire\InnerComponent;
class ChildComponent extends Component
{
public function mount()
{
app()->instance(InnerComponent::class, $this->getChildComponent());
}
public function getChildComponent()
{
// 返回内部组件实例
return app()->make(InnerComponent::class);
}
// ...
}- 在需要使用内部组件的地方，使用
wire:ignore指令来忽略Livewire对内部组件的编译和管理。然后，使用PHP的resolve()函数来获取内部组件的实例，并直接调用其方法或访问其属性。例如，在父组件的Blade模板中，你可以这样使用内部组件：
<div wire:ignore>
<?php
$innerComponent = resolve(App\Http\Livewire\InnerComponent::class);
echo $innerComponent->methodName();
// 或者访问属性
// echo $innerComponent->propertyName;
?>
</div>需要注意的是，Livewire中的组件是通过Blade模板来进行管理和渲染的，因此在Blade模板中的PHP代码可以直接使用。但是，这种方法不是官方推荐的做法，因为Livewire更适合用于管理用户界面的交互和逻辑，而不是用于注册和管理组件实例。如果可能，建议使用更标准的组件通信方式，如事件或属性绑定来进行组件之间的交互。
相关·内容
我正在工作，有幼虫-生活钢丝。在我的项目路线中是不工作的。
这里是路由列表..
<?php
use App\Http\Livewire\HomeComponent;
use App\Http\Livewire\ShopComponent;
use App\Http\Livewire\CartComponent;
use App\Http\Livewire\CheckoutComponent;
use Illuminate\Support\Facades\Route;
Route::get('/',HomeComponent::class);
Route::get(&
浏览 2提问于2021-05-26得票数 0
我对Laravel非常陌生，我得到了以下错误 < wire:initial-data="{"fingerprint":{"id":"iET0Mm7xmFXag9CCrYZF"，“wire:id=”名称“：”主组件“，”区域设置“：”en“，”路径“：”/“，”方法“：”GET“}，”effects“：{”iET0Mm7xmFXag9CCrYZF“：[]}，”serverMemo“：{”iET0Mm7xmFXag9CCrYZF“：[]，”serverMemo“：{”iET0Mm7xmFXag9CCrYZF“：[]，"html
浏览 19提问于2021-03-29得票数 0
5回答
拉拉维尔-活线全页组件
、、、
我用的是拉拉8号。
我在RouteServiceProvider中定义了受保护的命名空间
protected $namespace = 'App\Http\Controllers';
然后在下面的路线中使用livewire：
Route::get('/xxx' , App\Http\Livewire\Counter::class);
但我有以下错误：
Invalid route action: [App\Http\Controllers\App\Http\Livewire\Counter].
注意:这增加了App\Http\Controllers的第一个动作！如
浏览 7提问于2020-11-02得票数 2
回答已采纳
1回答
我已经在我的Laravel中创建了一些LiveWire组件，我想在这些组件中添加一个自定义前缀。
举例说明。
我有一个名为LiveWire的简单Button组件，它是用php artisan make:livewire Button创建的
我用的时候很好
<livewire:button />
但是，我不想使用livewire:前缀，而是像这样使用components:
<components:button />
我找不到任何选择。
提前谢谢！
最好的。
浏览 2提问于2022-08-22得票数 0
回答已采纳
1回答
我使用一个全页面的livewire组件来显示任务列表以及所有与CRUD相关的内容，并使用dragula来允许拖放。
最初，所有这些都是通过TaskListComponent运行的，并且在获得某些功能时遇到了问题，所以我现在有了一个子组件，它只处理任务本身。所以有一个TaskListComponent，它是页面，然后我有一个TaskComponent，它被添加到foreach循环中的页面中。我的想法是，所有任务列表类型的功能都将发生在主组件中，与特定任务相关的任何功能(显示、更新、删除等)都将出现在TaskComponent中。告诉我你会这么安排吗？
我现在的问题是，基于这种结构，我在页面上运行
浏览 4提问于2022-03-11得票数 0
我有一个使用AlpineJS隐藏的警报组件，但我希望它在Livewire重新呈现后再次可见。
使用Livewire组件显示警报
@if(Session::has('success'))
<x-success-alert :message="Session::get('success')" />
@endif
AlpineJS组件
<div x-data="{show: true}">
<div x-show="show">
<span>
浏览 4提问于2022-02-13得票数 2
回答已采纳
1回答
第一次使用Livewire与阿尔卑斯和它是一个真正的痛苦调试。阿尔卑斯控制台的错误是如此模糊，是否有可能使它们更加具体和详细？
我离题了。
我正在更新livewire组件上的数组，如果不是空的，则应该显示在DOM中。一切都正常，当在控制台中查看时，我可以看到正在进行更改。在控制台内，一切都按其应有的方式进行。问题是，我在浏览器里什么也没发生！
<div x-data="{ ...data() }" class="overflow-hidden wrapper w-full ">
<div class="flex justify-
浏览 3提问于2021-02-16得票数 0
1回答
我创建了一个带有一些输入字段的livewire组件，在父组件中添加了一个for循环，其子组件在其中。
@for($i = 0; $i < $count; $i++)
@livewire('dashboard.profile.garage-service-list-item', ['garage' => $garage], key($i))
@endfor
每个子组件都有一个删除按钮。这个按钮的方法是什么样子？
浏览 1提问于2020-09-19得票数 3
回答已采纳
我需要编辑在laravel 8和Jetstream-Livewire登录模型。我的问题是，登录模型的文件在哪里可以定位在Larvel 8，Jetstream-Livewire。
浏览 1提问于2021-10-19得票数 0
回答已采纳
当我多次使用相同的组件时，我在Livewire上有一个性能问题。过去我已经有过这个问题，每次我通过关闭框架并直接使用Vuejs/api来处理这个问题。也许我没有正确使用Livewire ..。或者我在某个地方漏掉了什么东西。
问：如何管理许多具有参数和模型数据的相同组件的Livewire使用，而不影响渲染时间和性能?是否遗漏了什么？有小费吗？
提前谢谢。
发行：
我有一个有数百条条目的网页。对于每个组件，我都调用一个Livewire组件。对于105个组件，页面需要8-11秒才能加载。
我使用了调试器，并发现呈现 livewire函数与应用程序时间(8.46)相比非常消耗(8.29 s)。我审核
浏览 2提问于2021-04-24得票数 3
我有一个呈现整个页面的Livewire组件，但我正在尝试在视图中间包含一个组件： <div>
<div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
@livewire('livewire.person.own-person-update')
</div>
</div> 我在这个路径中有一个组件： namespace App\Http\Livewire\Person;
use Livewire\Component;
cl
浏览 13提问于2021-08-11得票数 0
查看javascript内部使用Livewire组件的docs
<script>
Livewire.emit('postAdded')
</script>
我不明白什么是Livewire？已经申报了吗？我怎么能得到它。我需要从JS代码中得到一些var的值，然后运行组件方法。我该怎么做呢？
修改块# 2:
在我的组件的模板中定义：
<div class="admin_page_container" id="facilities_admin_page_container">
...
在我的阿松子成分
浏览 4提问于2021-09-11得票数 1
回答已采纳
我需要由Laravel中的Vue.js/React.js提供功能。Livewire是否取代了上面的(Vue.js/React.js)？谢谢
浏览 3提问于2020-12-09得票数 1
回答已采纳
2回答
我想了解Livewire组件中mount和render方法的不同之处，因为我见过两种方法都用于定义变量的初始状态的示例。例如，当您使用模型中的记录实例化一个变量时，使用ORM语法加载数据的正确位置是什么？
浏览 27提问于2021-07-05得票数 1
回答已采纳
Livewire how to $emit event on <select> change (wire:model)
我需要在简单的<select>更改上触发事件(从另一个组件的DB中获取一些数据)。
<select id="hall" wire:model="hall_id">...</select>
如何观察此模型的变化？在VueJS上，我们只需设置$watch或$computed属性，我相信在livewire中应该是类似的。奇怪的是为什么没有wire:change指令。
这就是我现在尝试发出事件的方式：
&
浏览 0提问于2020-10-05得票数 6
回答已采纳
当将SimpleBar与livewire一起使用时，最初的呈现效果很好，但是在调用任何方法之后，它就停止工作了，但是SimpleBar的元素保持在那里，所以我不能像这样再次初始化它：
document.addEventListener("livewire:load", () => {
Livewire.hook('message.processed', () => {
new SimpleBar(document.getElementById('simplebar'));
});
});
我使用高寒来初
浏览 4提问于2022-03-17得票数 0
我有一个带有按钮的Livewire组件，我想通过单击该按钮来追加一个表单(即另一个livewire组件)。就像我们使用ajax一样，请求后端加载超文本标记语言并附加jQuery。所以问题是，我们能对Livewire做同样的事情吗？
<div>
<button wire:click="loadFormComponent">Add a Link</button>
<div>
here I want to append the result of `loadFormComponent`
</
浏览 12提问于2021-05-26得票数 0
有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
我想要创建一个可以进行数据绑定的输入组件。我在这方面没有找到多少答案。我知道，在Vue 2中，您可以通过编写以下内容来使输入组件绑定：
<template>
<input :value="value" @input="$emit('input', value)"></input>
</template>
我正试图在Livewire上实现类似的目标。到目前为止，所有的例子都使用了一个裸露。我希望有以下几点：
我的输入组件：
<div class="px-4">
@is
浏览 4提问于2022-10-17得票数 0
回答已采纳
我有一个包含几张卡片的livewire概述组件。在这些卡片中有一个livewire表单，但是当我将该表单包含到概述组件中时，我的整个livewire将停止工作。 我要添加到概述组件文件中的唯一行是： @livewire('apply-form') 当我删除livewire方法时，一切都很正常，但我还需要在概述组件中使用该表单。 有没有什么地方我做错了，或者有人能帮我解决这个奇怪的“bug”？ 不知道我的livewire版本，但资产已经过时了。 livewire也没有给出错误。 Main component where we include the other componen
浏览 14提问于2021-07-02得票数 3
回答已采纳
1回答
我用的是和Livewire。我试图根据文档制作自己的Livewire组件：
php artisan livewire:make my_component
默认情况下，它位于resources/views/livewire/my-component.blade.php中。我将这个字符串添加到resources/views/profile/show.blade.php文件：@livewire('my-component')中。我希望在“用户配置文件”页面中看到此组件。
但是，我只在页面上看到了它的代码，而不是组件。
在这张图片中，我添加了我的组件，而不是two-factor-
浏览 7提问于2022-01-23得票数 0
1回答
我使用Livewire，怎样才能在所有页面上安装loder，但只需调用一次
nav.blade.php
<html>
<head>
@livewireStyles
</head>
<body>
<livewire:layouts.header/>
{{ $slot }}
@livewireScripts
</body>
</html>
header.blade.php
<div>
<div class="spinner" wire:loading><
浏览 2提问于2020-11-29得票数 3
回答已采纳
我有一段代码要重用。我阅读了这篇文章和另一篇文章，其中我意识到我可以通过使用服务类在应用程序的几个地方重用代码。
在本例中，我在一个新文件夹MyService中创建了一个新的app/Services/MyService类。
namespace App\Services;
class MyService
{
public function reuse_code($param){
return void;
}
}
当我想通过Livewire类组件中的构造函数调用类时，问题就出现了，如下所示：
<?php
namespace App\Http\Livewire
浏览 3提问于2021-01-26得票数 5
回答已采纳
1回答
我在一个项目中使用laravel-modules。我还将laravel-modules-livewire添加到项目中，并使用它调用仪表板中的动态内容，以允许配置每个模块。按照我的设计方式，每个模块都将有一个配置livewire组件，应该在帐户设置部分调用该组件，以允许每个客户端配置模块为其运行的方式。 在我的Account/Modules livewire中，我的mount方法中有以下内容： public $client;
public $modules;
public function mount( Client $client )
{
$
浏览 5提问于2021-08-22得票数 1
回答已采纳
这段代码运行得很好，
public function render(){
$this->products = ProductModel::get();
return view('livewire.product');
}
，但是当我试图使用livewire分页时，它给了我一个错误。
public function render(){
return view('livewire.product', [
'products' => ProductModel::paginate(10)
]
浏览 3提问于2022-01-24得票数 -2
我在将数据从api响应传递到组件刀片文件时遇到了严重的问题。一开始它装得很好，我一点击就知道了。下拉式会在下面抛出一个错误。
Livewire在尝试水合物化注册组件时遇到损坏的数据.确保Livewire组件的名称、id、数据在请求之间没有被篡改。
我有一个下拉列表，我正在加载职业，一开始加载很好，但是当我从下拉列表中选择什么时，它就会抛出这个错误。
下面是我的组件代码
<?php
namespace App\Http\Livewire;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Http;
us
浏览 0提问于2021-03-08得票数 1
回答已采纳
1回答
我有一个名为project-form的组件，在这个组件中，我再次调用另一个名为search-users的组件。问题是，我无法从嵌套组件(即$members )中在ProjectForm中设置search-users属性。
正如我所理解的，$members必须在SearchUsers.php中进行设置，但是我希望必须在ProjectForm.php中设置它，这样我就可以在db中保存。
project-form.blade.php
<form wire:submit.prevent="submit">
<input wire:model="name&
浏览 2提问于2021-01-24得票数 0
回答已采纳
应用结构
App/Http/Livewire
UserController - Livewire/UserManagement/UserController
WithBulkActions -Livewire/WithBulkActions/DataTable/WithBulkActions
资源/视图/直播
UserController刀片-直播/用户管理/用户控制器
描述
我正在创建一个CRUD系统，其中包含删除所选数据的大容量操作。我提取了负责选择多个项或选择当前数据表中的所有项的逻辑，即UserController，因此我可以将其用作其他数
浏览 4提问于2021-01-24得票数 0
我在努力学习Laravel和Livewire如果CRUD放在Livewire组件中而不是Controller中，是否会导致未来的问题？ livewire组件中的代码： public function create()
{
$this->validate();
Page::create($this->modelData());
$this->modalFormVisible = false;
$this->reset();
}
public function read()
浏览 12提问于2021-01-11得票数 0
回答已采纳
我是Livewire的新手，我理解如何轻松地将变量传递给刀片文件中的livewire组件。下面的代码就是这样做的。
@php
$CAR_MAKE = "carMake";
$main_classes = "text-sm md:text-lg border-2";
$placeholder = "Search";
@endphp
<div class="flex mb-4 md:mb-9">
<livewire:components.select :classes="
浏览 6提问于2021-07-06得票数 2
回答已采纳
我对也有类似的问题，从这里开始，我了解Livewire方法在Livewire组件中工作。
但是，如何使用Jetstream组件获取数据？
我的工作(例如，我正在创建另一个用户页面)：
在资源/视图/供应商/jetstream/组件下创建users.blade.php，其中包含以下代码段
@foreach($users as $user)
<tr>
<td>
{{ $user->name }}
</td>
<td>
{{ $user->
浏览 0提问于2021-11-11得票数 0
所以，这是我的第一个LiveWire学习项目。
关键是，我正在使用制作一个名为User的php artisan make:livewire user Livewire组件
然后这就是我得到的
First User.php
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class User extends Component
{
public function render()
{
return view('livewire.user.index'); //i
浏览 2提问于2021-04-29得票数 2
回答已采纳
刚开始使用Livewire，而我在将参数传递给livewire组件时遇到了问题。
Home.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=devic
浏览 2提问于2022-03-07得票数 1
回答已采纳
描述
我有一个“父母-孩子”的情况，我正在尝试使用Livewire。我的问题是，写在子组件上的任何内联Javascript都不能工作。
复制的确切步骤
考虑Master和Child这两个组件
<!-- master.blade.php -->
<div>
<a wire:click="$set('task', true)">Open Task</a>
@if($task)
<livewire:test.child :task="$task"></li
浏览 2提问于2021-01-15得票数 0
我有一个Livewire组件，Ajax事件不会被触发。
我有一个搜索输入文件，它向我的组件发送一个搜索字符串。没有激发Ajax事件，也没有更新结果。
注意:分页Livewire控件也不工作-- Laravel分页工作，但是当我使用UsePagination特性时，分页就不起作用了。没有任何网络呼叫，也没有Javascript错误。
刀片组件：
<input type="text" class="min-w-full" placeholder="Search" wire:model="search" />
构成
浏览 1提问于2020-11-03得票数 0
回答已采纳
正如中所述，您可以在自定义路径中创建一个组件，这与默认的views/livewire/和Http/Livewire不同。为了更好的组织，我创建了子文件夹：
$ php artisan make:livewire tutorial/counter
所以我把我的文件放在下面的路径上：
views/livewire/tutorial/counter.blade.php
Http/Livewire/Tutorial/Counter.php
为了测试视图中的组件，我创建了一个具有以下内容的/livewire/tutorial/welcome.blade.php：
<!DOCTYPE
浏览 2提问于2020-11-09得票数 2
回答已采纳
2回答
我正在尝试使用Laravel 8 Livewire Modal弹出的数据进入另一个页面。但是，我取消了变量_instance的定义，无法理解它。
@model($attributes->wire(‘model’))
当我从views/vendor/jetstream/components/modal.blade.php.中删除它时，这一行将创建此错误。错误就会消失。
34号线。
<div id="<?php echo e($id); ?>" x-data="{ show: <?php if ((object) ($attributes-
浏览 8提问于2020-10-20得票数 5
在我们的应用程序中，我们有活动模块。我在应用程序中实现了livewire日历，但很难显示下一个月和前一个月。
我用的是尾风的cdn。
仪表板视图
<div>
<!-- <livewire:appointments-calendar/> -->
<livewire:appointments-grid
week-starts-at="0"
before-calendar-view="livewire/members-portal\members-dashboard\before-month"
/>
在
浏览 1提问于2022-06-09得票数 0
我已经在Livewire中创建了一个控制器，我正在尝试创建一个新的Laravel控制器和相应的Laravel刀片文件(目的是要求我用Laravel完成表单，然后将其迁移到livewire)，问题是，是否可以将这些Livewire变量访问到Laravel控制器和刀片中，或者需要立即在Livewire中创建新的刀片文件和控制器？因为我还是新来的
public $application_type;
public $token;
public $application_id;
public $creditRows = [];
public $gigRows = [];
浏览 1提问于2022-05-11得票数 1
回答已采纳
你好，我正在和laravel和livewire一起工作，我正在为一个聊天室解决这个错误，有人能帮我一下吗？：
Illuminate\Contracts\Container\BindingResolutionException 无法解决类App\Http\Livewire\聊天室中的依赖关系[参数#0 $message ]
这是LettresController.php中的相关函数
public function ChoisirLettresAléatoiresDuReserve(){
// Messages de la btcom
$message=M
浏览 0提问于2021-03-27得票数 0
1回答
问题似乎是：
每次上传时都会记录6个异常(尽管文件会被上传)
复制步骤：
按照文档页面创建简单的文件上传尝试上传文件检查laravel日志文件
Laravel版本: 5.7
直播版: 1.3.5
Laravel日志样本：
[2021-01-21 11:05:07] local.ERROR: {"userId":47,"email":"user@example.com","exception":"[object] (Exception(code: 0): at /home/ameer/public_html/livewi
浏览 3提问于2021-01-21得票数 0
回答已采纳
<?php
namespace App\Http\Livewire\Components;
use Livewire\Component;
class PropertyCard extends Component
{
public $title;
public function mount($title)
{
$this->title = $title;
}
public function render()
{
return view('livewire.components.pro
浏览 6提问于2022-08-16得票数 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
回答已采纳
我想使用Laravel Fortify和Livewire来创建一个非常简单的登录表单。我不想使用Jetstream，因为它有更多我不需要的功能和我需要的功能。
我在我的应用程序中使用livewire，并希望在我的登录页面中使用它来提供实时即时验证。
我遇到的问题是，如果我在输入上使用wire:model，我无法提交带有值的表单。
我也不能使用auth()->attempt()，因为它被Fortify劫持了(至少，我是这么认为的。所知道的是，当我使用它时，它返回false)
如何将livewire与fortify一起使用？我需要将数据从livewire组件发送到POST /login。
这
浏览 8提问于2020-11-07得票数 3
在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
当父组件被更新时，我想刷新子组件，并且只有这个组件的子组件应该更新，因为我想在页面的其他地方重用子组件。组件结构如下。
UserShow.php
class UserShow extends Component
{
public User $user;
public int $userId;
public function mount() {
$this->user = User::first();
}
public function updatedUserId() {
$this->user = User
浏览 5提问于2020-12-21得票数 5
回答已采纳
我的Laravel应用程序有一个刀片视图，其中包含两个Livewire组件，我想把它放在一个网格中。
<div class="grid grid-cols-12">
<div class="col-span-8">
<livewire:cars.index />
</div>
<div class="col-span-4">
<livewire:types.index />
</div>
</div>
但是，由于某种原
浏览 6提问于2022-03-02得票数 0
描述：
当使用带有livewire的高寒x模型时，当检查时，它会将重复值附加到高寒数组中。
执行情况：
下面是来自component类的呈现方法：
protected $dueCommissions;
public function loadDueReward()
{
//paginated query for $this->dueCommissions
}
public function render()
{
//passing dueCommissions here, due to livewire limitation of handling paginated data
浏览 6提问于2022-11-21得票数 1
代码结构中有一个现有的Livewire组件及其对应的刀片文件，我想要创建一个新的Laravel，而刀片file.The刀片文件包含在Livewire组件中定义的变量，所以当我从新的Laravel控制器返回新创建的刀片文件时，它显示了未定义的变量error.Is，有任何方法可以在新创建的刀片文件中传递在Livewire组件中定义的变量吗?还有其他方法吗？
这是刀片文件和变量。
@if($variable)
@endif
这个变量被定义为livewire组件。
public $variable=false;
新创建的控制器将返回上述刀片文件。
浏览 25提问于2022-05-09得票数 0
我关注了这里的一篇文章：
基本上是为了在Laravel / Jetstream中禁用个人团队。现在，这篇文章给出了如何使用Livewire实现这一点的示例，但我使用的是惯性。Livewire模板需要进行如下更改：
@if (Laravel\Jetstream\Jetstream::hasTeamFeatures()
要这样做：
@if (Laravel\Jetstream\Jetstream::hasTeamFeatures() && Auth::user()->isMemberOfATeam())
我如何在惯性中实现这一点呢？我已经环顾了一下网络，但因为我是这个堆栈的
浏览 8提问于2021-11-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
