Livewire Select2动态不更新公共视图
Livewire是一个用于构建现代、动态Web界面的开源框架，而Select2是一个功能强大的下拉选择框插件。在Livewire中使用Select2时，有时会遇到动态更新公共视图的问题。
动态不更新公共视图可能是由于以下原因导致的：
- 数据绑定问题：Livewire通过数据绑定实现动态更新视图，如果数据绑定不正确，就无法实现更新。在Livewire中，可以使用
wire:model指令将数据绑定到Select2组件上，确保数据的正确传递和更新。 - 事件处理问题：Livewire通过事件处理机制来响应用户的操作，并更新视图。如果事件处理不正确，就无法触发更新。在Livewire中，可以使用
wire:change指令监听Select2的选择变化事件，并在事件处理方法中更新相关数据和视图。 - 组件通信问题：Livewire中的组件可以通过公共属性和方法进行通信。如果公共视图没有正确更新，可能是因为组件之间的通信出现问题。在Livewire中，可以使用
wire:click指令触发组件方法，更新公共视图。
为了解决Livewire Select2动态不更新公共视图的问题，可以按照以下步骤进行排查和修复：
- 检查数据绑定：确保在Select2组件上正确使用
wire:model指令，将数据绑定到Livewire组件的属性上。 - 检查事件处理：确保在Select2组件上正确使用
wire:change指令，并在事件处理方法中更新相关数据和视图。 - 检查组件通信：确保组件之间的通信正常，可以使用
wire:click指令触发组件方法，更新公共视图。
如果以上步骤都没有解决问题，可以参考Livewire的官方文档和社区支持，寻求更详细的帮助和解决方案。
腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等。具体推荐的产品和产品介绍链接地址可以根据实际需求和场景进行选择。
相关·内容
1回答
防止每次输入更改时的网络请求
laravel-livewire
目前，我正试图阻止livewire每次在输入元素中输入某项内容时发送的网络请求，但到目前为止无法确定确切的原因。
我有一个模态组件，在它里面，我有这样的输入元素。即使是输入元素也没有wire:model，或者仅仅是带引导类的普通输入。
<input type="text" class="form-control" />
我试着添加wire:ignore和所有内容，但是我仍然可以在网络选项卡中看到，每次输入更改时都会发送请求，我希望防止这种情况发生。
基本上，我还有一些jQuery插件select2与搜索功能一起使用的元素，甚至当我在用jQuery生
浏览 4提问于2022-04-24得票数 0
1回答
Livewire不发送select2变量
laravel、jquery-select2、laravel-livewire
我创建了一个livewire组件，在其中我创建了一个具有正常输入的表单，并使用select2创建了多个select。我填写了字段并在select中选择了必要的选项，除了select2之外，所有变量(来自默认输入和默认选择)都被发送。
通过ddd()；它表明它们是[]。通过控制台，我可以看到，除了select和select2之外，所有变量都被发送。
有什么问题吗？
<div>
<form wire:submit.prevent="createPerson" method="POST">
@csrf
&
浏览 2提问于2021-07-11得票数 0
回答已采纳
1回答
无法将具有特征的父组件的选定数据数组传递给嵌套组件。
php、laravel、laravel-8、laravel-livewire
应用结构
App/Http/Livewire
UserController - Livewire/UserManagement/UserController
WithBulkActions -Livewire/WithBulkActions/DataTable/WithBulkActions
资源/视图/直播
UserController刀片-直播/用户管理/用户控制器
描述
我正在创建一个CRUD系统，其中包含删除所选数据的大容量操作。我提取了负责选择多个项或选择当前数据表中的所有项的逻辑，即UserController，因此我可以将其用作其他数
浏览 4提问于2021-01-24得票数 0
1回答
Laravel livewire属性嵌套绑定，没有显示窗体字段中的值
laravel、laravel-livewire
我有一个直播组件来显示个人资料。在我的表单中，我将值绑定到wire:model作为嵌套数据。但它并没有显示文本框中的值。
组件
<?php
namespace App\Http\Livewire\Profile;
use Livewire\Component;
class BasicInfo extends Component
{
public $user;
public function mount()
{
$this->user = auth()->user();
}
public functio
浏览 1提问于2020-09-26得票数 2
回答已采纳
1回答
多选字段在编辑表单中为空，编辑表单中的Select2不触发编辑表单中的选定值- Laravel Livewire
laravel、jquery-select2、laravel-8、laravel-livewire
我在一个livewire组件中有一个select2。一切正常，但在我的编辑视图中，选中的选项不会显示在选中的框中。当我打开下拉列表时，它们显示为突出显示，因此数据来自后端。请检查以下代码和输出截图，提前感谢您的帮助。 Livewire组件 public $home_categories = [];
public $no_of_products;
public function mount()
{
$category = HomeCategory::all()->first();
$this->home_categories = explode(',
浏览 14提问于2021-07-01得票数 0
1回答
Livewire组件中的数组在更新时被重置
php、laravel、laravel-livewire
我有两个组件，CastComparer和CastSearch。CastSearch是CastComparer中的嵌套组件。 在执行某个操作时，CastSearch组件将发出CastComparer正在侦听的名为compare的事件 我通过执行$this->emit('compare', $this->selected);来发出此事件 这将在我的CastComparer组件上调用一个名为makeComparison()的函数。 下面是我的CastComparer组件类 class CastComparer extends Component
{
public
浏览 22提问于2020-10-12得票数 1
1回答
如何通过livewire / laravel中的子组件通过父组件创建动态公共属性和数据？
php、laravel、laravel-livewire
在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回答
Laravel Livewire:通过单击按钮加载livewire组件
php、laravel、laravel-livewire、livewires
有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
3回答
使用Laravel Livewire和Laravel Fortify进行登录
laravel、laravel-livewire、laravel-fortify
我想使用Laravel Fortify和Livewire来创建一个非常简单的登录表单。我不想使用Jetstream，因为它有更多我不需要的功能和我需要的功能。
我在我的应用程序中使用livewire，并希望在我的登录页面中使用它来提供实时即时验证。
我遇到的问题是，如果我在输入上使用wire:model，我无法提交带有值的表单。
我也不能使用auth()->attempt()，因为它被Fortify劫持了(至少，我是这么认为的。所知道的是，当我使用它时，它返回false)
如何将livewire与fortify一起使用？我需要将数据从livewire组件发送到POST /login。
这
浏览 8提问于2020-11-07得票数 3
1回答
如何绑定带电导线中的模型关系值:模型？
laravel、laravel-livewire
有一个具有多种描述关系的产品模型。
描述关系有两列，计数，正文。
如何定义wire:model值以在Livewire组件中显示选定的产品描述值？
我必须提到从关系获取数据很好，只是不能在wire:model属性的输入标记中显示数据！我认为问题在于受保护的$rules或wire:model值的关键定义！
更新类：
public $product;
protected $listeners = ['selectedProduct'];
public function selectedProduct($id){
$this->product = Product::w
浏览 1提问于2021-07-25得票数 1
回答已采纳
2回答
Liveware.emit在全局javascript中不起作用
javascript、laravel、laravel-livewire
我在liveware刀片文件中有一个laravel emit，如下所示：
<script>
document.addEventListener('livewire:load', function () {
setTimeout(()=>{
Livewire.emit('nextSlot');
}, 4000);
});
</script>
这不起作用，它不会在受尊重的php文件中发出nextSlot函数。
请注意，此hwoever确实如预期的那样工作：
<
浏览 15提问于2021-05-17得票数 0
回答已采纳
1回答
拉勒维尔活线和vuejs无限卷轴
laravel、vue.js、infinite-scroll、laravel-livewire
我有一个livewire过滤器组件，我想通过它过滤结果。
AllPopularLatest等.
这反过来加载vuejs无限滚动。
当页面加载时，默认的过滤器"all“将获取记录，并很好地显示结果。当选择另一个选项(例如，最新选项)时，我希望重新加载vuejs无限滚动并加载最新数据，但是我得到了空白结果，但无法重新加载它。
我的过滤表格
<div>
<button wire:click.prevent="all">Show All</button>
</div>
<div>
<button
浏览 4提问于2020-11-02得票数 2
2回答
编辑表单中的Select2不触发编辑表单中的选定值- Livewires
laravel、jquery-select2、livewires
我在一个livewire组件中有一个select2。一切正常，但在我的编辑视图中，选中的选项不会在框中显示为选中。当我打开下拉列表时，它们显示为突出显示，因此数据来自后端。
<div wire:ignore class="col-8">
<select wire:model="notificationType" class="form-control select2 text-sm"
浏览 3提问于2021-03-05得票数 0
1回答
是否有可能在数据呈现函数中包含Livewire事件？
laravel-livewire、laravel-9
我正在尝试打开一个模式，并使用一个模型值填充一个表单字段。
打开模式的按钮嵌入到datatable配置js中，我认为Livewire在构建表之前正在运行。
使用ajax填充，使用columnDefs配置行。
datatable配置的JS位于组件刀片文件中的@push('scripts')中。
行的(简化)呈现函数是：
var datatable = thetable.DataTable({
.....
render: function (data, type, full, meta){
return ('<a href="#
浏览 5提问于2022-10-25得票数 0
2回答
切换绑定的Livewire/高山动态#
laravel-livewire、alpine.js
我有一个显示多个toggle switches的表单。 ? 开关的数量是根据表中的“权限”动态变化的。我如何绑定它们，这样当它们被点击时，数据就会回发到livewire？我找到的‘非动态’答案是x-data="{isChecked：@entangle( 'foo‘)}“，但如果我有未知数量的条目，而没有一个’foo‘，这显然是不起作用的。 我尝试了一个方法更新“wire:click=({{$wire:click=-> id }})”，但它只返回被点击的元素的id，而不是它的状态(开或关)。 @foreach($permissions as $key =>
浏览 41提问于2021-04-19得票数 0
回答已采纳
1回答
AlpineJS和Livewire中的DateTimePicker问题
php、laravel、laravel-livewire、alpine.js
我似乎有一个问题，关于幼虫livewire和高山JS。我目前已经创建了一个日期时间选择器(使用Tailwind CSS & AlpineJS)，但不知何故，所选的日期值并没有传递给它的public wire:model (refDate)变量，因此它总是为null和空的。下面是前端代码的一小段。 <input type="hidden" name="date" x-ref="date">
<input wire:model="refDate" id="reference_date"
浏览 21提问于2021-03-23得票数 0
1回答
命令线:poll.1000ms in jQuery
laravel、laravel-livewire
如何使用wire: poll.10000ms代码在livewire中执行jQuery命令。我使用jQuery在视图内部检查输入值不为空，然后必须执行此命令。有可能吗？
if (! $('#unitValue').val().length === 0) {
//Run wire:poll.10000ms="reUnit" with Jquery code
}
浏览 1提问于2021-06-11得票数 0
3回答
如何使用livewire更新表中的子组件？
laravel、laravel-livewire
当更改子组件的父项时，我遇到了嵌套组件的问题，但当我使用条形码在CartItem中添加相同的产品时，子组件中的数量没有变化，这是我的父组件，包括一个表parent.blade.php >>> <table class="table mb-0">
<thead>
<tr>
<th scope="col">product</th>
<th>price</th>
<
浏览 42提问于2020-10-19得票数 1
回答已采纳
1回答
livewire:停止电线:单击和连线:焦点发送2个动作
javascript、laravel-livewire
我有一个具有搜索输入字段作为livewire组件的表单。我希望搜索建议(其他组件)显示，如果用户单击该字段或如果用户标签进入该字段。因此，我添加了wire:focus="handleFocus"，它为建议组件显示一个事件。到目前为止还不错。
如果该字段具有焦点，并且用户再次单击该字段，则建议应再次隐藏。wire:focus不触发，所以我添加了wire:click="handleClick“。所以我最后
<input type="text" wire:model="searchTerm" wire:focus="handleF
浏览 7提问于2022-07-01得票数 0
1回答
根据是否选中复选框运行Livewire单击方法
php、laravel、laravel-livewire
我有一个Livewire组件，如下所示
<div class="mr-3">
<input type="checkbox" name="milestoneMark" value="{{ $milestoneId }}" x-model="milestone" wire:click="mark()">
</div>
组件类的代码如下
class CheckMilestone extends Component
{
public $milestone
浏览 5提问于2022-11-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
