问题标签 [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.
javascript - 点击gotoPage方法后如何在livewire中调用JS函数?
在带有 livewire 1.3 的 laravel 7 中,当页面加载时,我通过调用 JS 函数lazyImagesInit(使用lazyload 2.0.0-rc.2)将分页和惰性图像应用于任何项目图像的列表。但是当我点击分页链接时,我会失去任何新打开的项目图像的惰性图像效果。查看缓存文件的代码,我看到使用了 gotoPage 方法:
如果在调用 gotoPage 后有办法调用我的lazyImagesInit 函数?
谢谢!
php - Laravel Livewire 验证 - required_without_all 和 required_without 不起作用
我有一个 livewire 组件:
现在我想创建并验证一张卡片:
但这不起作用。当我插入一些东西(图像或音频)时,我收到错误:
所以 - 我想这是行不通的。还是我错了?也许我必须使用另一种语法?但我在文档中一无所获。
请帮忙。
laravel - 我在 livewire 应用程序中使用 datepicker 时出错
在带有 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 或刀片文件中的结构无效(或包含的文件无序)吗?
谢谢!
laravel-livewire - alpine 如何在仅打开 1 个项目的情况下制作手风琴?
在带有 livewire 1.3 和 alpine@v2.xx 的 laravel 7 中,我制作了一个手风琴,例如:
它有效,但我怎样才能用 alpine 只打开 1 个项目?如果用户单击其他一些项目,则必须关闭其余项目。
laravel-blade - 如何在livewire中获取菜单活动元素的应用程序的当前url
我可以在 laravel 7 中使用 livewire 1.3 / turbolinks:5.2 / alpine@v2 定义当前 url 以选择当前菜单项(刀片/引导程序 4)?
laravel-livewire - livewire alpinejs 如何从 x-data 分配数据?
在 laravel 7 /livewire 1.3 / turbolinks:5.2 / alpine@v2 应用程序中,我将 crud 编辑器作为定义了 $form 的组件
和定义了 inpoyt 的编辑器:
它对我有用,除了在控制台中我看到很多附加请求,比如
当我修改表单的某些字段时,我尝试使用 alpineJS 摆脱它,并且在文档中我看到了调度方法并尝试定义它:
但是,当字段被编辑(焦点更改)以将值从定义的(在 x 数据块中)标题 var 设置为 form.title 时,我该如何处理?
修改块:
我尝试:
它可以工作,但在任何按键下我都看到了请求。看起来懒惰模式在这里不起作用。如何设置?
当使用现有数据打开表单时,我需要在 x-init 中设置默认数据:
由于结果输入在打开的表单上具有有效数据,因此尝试编辑输入时出现错误:
哪种方式有效?
修改块#2 谢谢,但我有一些不清楚的地方。我把它做成:
它有效,但在控制台中我仍然看到请求,比如
当输入失去焦点时。我无法摆脱这个请求?分配来自 alpine var 的 $form 数据时是否触发?
排队
x-on:blur="$dispatch('input', title)"
高山中的“输入”预定义事件是什么?它是否参考电流输入控制?
- 为什么在包装 dd 元素时定义了 wire:model.lazy?我想它必须分配给输入控制?
谢谢!
laravel-livewire - 如何在 livewire 日期选择器中设置属性?
在https://laravel-livewire.com/docs/alpine-js查看 DatePicker 示例的 livewire 1.3 应用程序中, 我看不到如何设置自定义参数并在选择日期时使用它?我需要输入隐藏的输入格式化日期以保存在数据库中。我在属性中添加了 1 个参数:
并在 resources/views/components/date-picker.blade.php :并尝试在日期选择事件中读取:
哪种方法有效?
谢谢!
laravel-livewire - 如何生成访问错误和错误消息,将用户留在页面上?
在 laravel / jquery 应用程序中,如果我需要检查用户是否已登录,我会在控制器中进行:
因为我不需要让用户离开页面,而只限制一些功能,所以我使用 bootstrapGrowl 库在上面显示错误消息。现在使用 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 我搜索如何生成错误并显示类似的错误消息,让用户留在页面上?
更新 :
让我用详细的例子来解释一下:在 laravel / jquery 应用程序中我有 JS 代码:
和控制中的相对动作:
如果在错误块中生成错误,我会显示带有函数 popupAlert 的消息(用 bootstrapGrowl 实现),而不离开页面。这就是我想在 livewire / turbolinks / alpine 应用程序中制作的内容。我该怎么做?
更新#2:
这只是用户可以投票的项目列表:
有2个限制:
- 用户必须登录
- 只有在服务器生成这 2 个错误后,任何登录用户才能投票。
更新#3:
我找到了使用 axios 的决定,例如:
有了它,我会根据需要显示成功和失败的消息,但我看到它有很大的缺点,因为我使用 livewire,如果可能的话,我想在这里使用 livewire...希望我清楚地解释了我想要什么...
谢谢!
laravel-livewire - 我为 livewire / alpine 应用程序搜索用户空闲插件/决策
是否有与 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 兼容的https://github.com/soixantecircuits/idle-vue(检测用户何时没有与您的应用程序交互)?
谢谢!