问题标签 [laravel-livewire]

在带有 livewire 1.3 的 laravel 7 中，当页面加载时，我通过调用 JS 函数lazyImagesInit（使用lazyload 2.0.0-rc.2）将分页和惰性图像应用于任何项目图像的列表。但是当我点击分页链接时，我会失去任何新打开的项目图像的惰性图像效果。查看缓存文件的代码，我看到使用了 gotoPage 方法：

如果在调用 gotoPage 后有办法调用我的lazyImagesInit 函数？

谢谢！

我正在尝试使用 Livewire 和 Alpine 创建一个刀片组件作为日期选择器。我使用此处显示的示例进行了操作：https : //laravel-livewire.com/docs/alpine-js 和 Pikaday。问题是日历仅在我单击输入时显示，并且我希望在页面加载时打开。在这里：https ://github.com/Pikaday/Pikaday/blob/master/examples/container.html有一个关于如何使用它的例子，但我无法“转换”到 Alpine | 活线。我能得到一些帮助吗？

PS：它不一定与 Pikaday 一起使用。

我有一个 livewire 组件：

现在我想创建并验证一张卡片：

但这不起作用。当我插入一些东西（图像或音频）时，我收到错误：

所以 - 我想这是行不通的。还是我错了？也许我必须使用另一种语法？但我在文档中一无所获。

请帮忙。

在带有 livewire 1.3 的 laravel 7 中，我想从 https://laravel-livewire.com/docs/alpine-js ("Creating A DatePicker Component" docs) 添加日期选择器，但我收到错误：

在我的资源/视图/livewire/hostel/hostel-view-page.blade.php 中定义：

在布局文件 resources/views/layouts/app.blade.php 我添加 Pikaday .js 和 .css 文件：

正如我在https://github.com/Pikaday/Pikaday中看到的安装规则。我错过了什么 ？它可以是 app.blade.php 文件中的参考顺序吗？

修改#1：

在我的资源/视图/布局/app.blade.php 我有：

在我的刀片文件中，我在模态对话框中使用 <x:date-picker，我用 alpinejs 打开它：

可能是我的 /app.blade.php 或刀片文件中的结构无效（或包含的文件无序）吗？

谢谢！

在带有 livewire 1.3 和 alpine@v2.xx 的 laravel 7 中，我制作了一个手风琴，例如：

它有效，但我怎样才能用 alpine 只打开 1 个项目？如果用户单击其他一些项目，则必须关闭其余项目。

我可以在 laravel 7 中使用 livewire 1.3 / turbolinks:5.2 / alpine@v2 定义当前 url 以选择当前菜单项（刀片/引导程序 4）？

在 laravel 7 /livewire 1.3 / turbolinks:5.2 / alpine@v2 应用程序中，我将 crud 编辑器作为定义了 $form 的组件

和定义了 inpoyt 的编辑器：

它对我有用，除了在控制台中我看到很多附加请求，比如

当我修改表单的某些字段时，我尝试使用 alpineJS 摆脱它，并且在文档中我看到了调度方法并尝试定义它：

但是，当字段被编辑（焦点更改）以将值从定义的（在 x 数据块中）标题 var 设置为 form.title 时，我该如何处理？

修改块：

1. 我尝试：

它可以工作，但在任何按键下我都看到了请求。看起来懒惰模式在这里不起作用。如何设置？

2. 当使用现有数据打开表单时，我需要在 x-init 中设置默认数据：

由于结果输入在打开的表单上具有有效数据，因此尝试编辑输入时出现错误：

哪种方式有效？

修改块＃2 谢谢，但我有一些不清楚的地方。我把它做成：

1. 它有效，但在控制台中我仍然看到请求，比如

   http://127.0.0.1:8084/livewire/message/admin.app-news

当输入失去焦点时。我无法摆脱这个请求？分配来自 alpine var 的 $form 数据时是否触发？

2. 排队

   x-on:blur="$dispatch('input', title)"

高山中的“输入”预定义事件是什么？它是否参考电流输入控制？

3. 为什么在包装 dd 元素时定义了 wire:model.lazy？我想它必须分配给输入控制？

谢谢！

在https://laravel-livewire.com/docs/alpine-js查看 DatePicker 示例的 livewire 1.3 应用程序中， 我看不到如何设置自定义参数并在选择日期时使用它？我需要输入隐藏的输入格式化日期以保存在数据库中。我在属性中添加了 1 个参数：

并在 resources/views/components/date-picker.blade.php ：并尝试在日期选择事件中读取：

哪种方法有效？

谢谢！

在 laravel / jquery 应用程序中，如果我需要检查用户是否已登录，我会在控制器中进行：

因为我不需要让用户离开页面，而只限制一些功能，所以我使用 bootstrapGrowl 库在上面显示错误消息。现在使用 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 我搜索如何生成错误并显示类似的错误消息，让用户留在页面上？

更新 ：

让我用详细的例子来解释一下：在 laravel / jquery 应用程序中我有 JS 代码：

和控制中的相对动作：

如果在错误块中生成错误，我会显示带有函数 popupAlert 的消息（用 bootstrapGrowl 实现），而不离开页面。这就是我想在 livewire / turbolinks / alpine 应用程序中制作的内容。我该怎么做？

更新#2：

这只是用户可以投票的项目列表：

有2个限制：

1. 用户必须登录
2. 只有在服务器生成这 2 个错误后，任何登录用户才能投票。

更新#3：

我找到了使用 axios 的决定，例如：

有了它，我会根据需要显示成功和失败的消息，但我看到它有很大的缺点，因为我使用 livewire，如果可能的话，我想在这里使用 livewire...希望我清楚地解释了我想要什么...

谢谢！

是否有与 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 兼容的https://github.com/soixantecircuits/idle-vue（检测用户何时没有与您的应用程序交互）？

谢谢！