问题标签 [laravel-livewire]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
5610 浏览

javascript - Laravel livewire 渲染后引导选择不起作用

我有一个Bootstrap selectpicker元素,它在第一次渲染时工作正常。它初始化为:

但是在调用 livewire 的 render 函数后,<select>元素不再呈现为 Bootstrap selectpicker。

浏览这两个文档(此处此处的相关部分),我认为下面的代码应该修复它:

但这不起作用。我也试过:

两者都在 内afterDomUpdate,这也不起作用。如果我从控制台调用所有这些函数,则 DOM 不会更新<select>元素,所以这些函数确实似乎不起作用。

0 投票
3 回答
5556 浏览

laravel-livewire - 你如何在 Alpine.js 中进行确认删除模式

我有一个表(使用laravel-livewire-tables)和一个自定义视图,它有一个编辑图标和一个删除图标。我正在尝试添加一个 alpine.js 模态以允许用户确认删除,但我不知道将模态代码放在哪里。

如果我把它放在自定义视图中,它会炸毁表格样式并在屏幕的 1/3 中卡住 8 或 9 列,即使模式没有显示也是如此。

有人有小提琴或资源吗???

0 投票
0 回答
84 浏览

css - 引导 CSS z-index

我正在尝试将一个 div 放在另一个之上。我通读了本网站上问题的不同答案。但他们都没有为我工作。我希望搜索结果('Anton')出现在表格('Customer')的顶部。

下面是我与搜索文本框和结果 div 相关的代码片段。(仅供参考:我正在使用 Laravel LiveWire)

更新 1

  • 附加了使用 livewire 组件的刀片文件代码段的屏幕截图。

刀片文件

  • 结果

结果

  • CSS

    .search-results { z-index: 1000 !important; }

0 投票
3 回答
11872 浏览

laravel-validation - Laravel Livewire 错误未清除

我正在尝试使用 Laravel Livewire,我遇到了一种情况,即使表单已成功提交,也会显示以前的错误。

在点击保存之前

发送前

点击保存后

发送后

name刀片文件中的 Html 段customer-new.blade.php

保存按钮代码:

storeCustomerNew.php 的方法:

clear()方法如下:

0 投票
1 回答
1713 浏览

laravel - Livewire 阵列即时验证

我正在尝试 Livewire 的即时身份验证,这似乎适用于除数组字段之外的其他输入。想知道如何显示数组输入的错误消息。刀片代码

验证

按照这个文档

0 投票
0 回答
273 浏览

php - 保存没有 id 的 eloquent 模型实例

我试图使用一个动作(按钮单击)来保存一个雄辩模型的新实例——并且总是得到404响应。

在livewire代码中挖掘,我发现以下方法正在抛出404......

...这是有道理firstOrFail()的 - 没有id.

在这种情况下,正确的方法是什么?

顺便提一句。我是唯一一个不喜欢firstOrFail()/的人吗findOrFail-很难弄清楚这些404是从哪里来的...

0 投票
2 回答
1828 浏览

laravel-livewire - Laravel Livewire 搜索按钮而不是实时搜索

是否可以不进行实时搜索,但在 Laravel Livewire 中使用搜索按钮?我的方法是将 Alpine 与 Livewire 一起使用。但我没有将搜索词注入 $emit 事件:/

0 投票
1 回答
4179 浏览

laravel - 使用 laravel livewire 将焦点转移到另一个领域

是否可以在不使用任何 js 代码的情况下将焦点从 laravel livewire 设置到另一个字段。

当用户键入 sku 并按 Enter 时,我正在尝试获取产品信息。如果找到详细信息,则焦点必须转到最后一个字段。那么,是否可以不使用任何外部 JavaScript。

0 投票
1 回答
7518 浏览

laravel - Laravel Livewire,两个 livewire 组件之间的通信

我有 2 个 livewire 组件,第一个只显示购物车的会话变量,第二个只是在购物车中添加项目(带有 sku、标题、价格和数量的非常原始的表单)。

这两个组件本身都运行良好。但是当我从第二个组件添加项目时,它会更新购物车会话变量,但视图永远不会更新。我必须刷新页面才能在购物车视图中看到会话变量。

是否可以将两个组件连接在一起。那么,当我从一个组件在购物车中添加商品时,它会自动更新其他组件的视图吗?

谢谢

0 投票
1 回答
4374 浏览

php - Laravel livewire - 如何将用户的地理坐标传递给 livewire 组件

我正在尝试将用户的地理坐标(纬度和经度)发送到 livewire 组件以加载附近的地方。但是我无法发送它,因为它们是 javascript 变量。问题是如何将 javascript 变量发送到 livewire 组件?

这是我到目前为止所做的。