20得票4回答
在使用Alpine JS时,如何悬停在下拉菜单上?

我希望制作一个菜单,鼠标悬停时显示元素: 类别: 子类别1 子类别2 我已经实现了这个功能,但问题在于当我将鼠标从菜单移开时,元素不会隐藏。 以下是我的代码:<div x-data="{open: false}"> <button @mouse...

16得票2回答
在AlpineJS中事后刷新数据

我正在使用Alpine显示一个会变化的物品列表。但是我不知道该如何告诉Alpine在服务器返回新列表后刷新列表: 我使用 Alpine 显示一个列表,其中的内容将会发生改变。但是我无法找出如何告诉 Alpine 在从服务器返回新列表后刷新这个列表:<div x-data=" i...

13得票6回答
可重复使用的Alpine.js组件?

我如何使用Alpine.js创建可重用组件并显示它?例如,我想定义一个通用的Alpine.js按钮组件,根据参数更改文本和颜色,然后让我的Alpine.js导航栏组件使用该按钮组件来显示登录按钮。 我能否在纯客户端代码中实现此功能,而无需依赖服务器模板在使用按钮组件的每个位置输出所有按钮HT...

11得票3回答
如何防止 Alpine.js 模态框在页面刷新时每次都显示

我正在使用Alpine.js开发项目,我有一个弹框在Alpine.js下能够正常工作,但问题是每当刷新页面时,它会在页面加载时短暂地出现一两秒,然后消失。我不想在页面加载时看到它。在Alpine.js中是否有任何解决方法? 我的代码: // Initialize data <body...

9得票1回答
AlpineJS 动态选择菜单

希望能使用Alpine.js来创建一个下拉选择表单,当您从下拉菜单中选择特定选项时,页面会插入一组相关记录。我该如何使用Alpine.js实现这样的功能呢? 例如: 从下拉菜单中选择美国、加拿大和墨西哥。假设选择了美国。 检索在美国的商店列表。(我知道我会通过PHP查询此信息,发送参数)...

9得票5回答
强制Livewire进行完整页面重新加载

我使用 Livewire 和 Alpine 与 Laravel 8。 我有一个页面包含一个带有Datatable (jQuery)和Bootstrap模态框的表格。表格填充了来自模型实例列表的一些数据。当我点击表格中的按钮时,它会打开模态框并允许编辑相应的记录。这部分正常工作。 然而,Da...

9得票2回答
“npm run watch”属性已经在Laravel Vite中吗?

"watch" 属性已经在 vitejs 中存在了吗? 我正在使用 Laravel Framework 9.19.0 开始一个新项目,其中 vite 已自动挂载。 我添加了 alpine.js 用于前端。 我尝试运行 npm run watch 这是我的 package.json 文件...

8得票1回答
滚动到页面顶部 - Livewire 组件 - Alpine JS

我有一个使用 Laravel Livewire 创建的应用,在其中加载了一个Livewire组件和多个嵌套组件,这些组件根据状态变量逐个显示。当每个嵌套组件被显示时,页面会滚动到底部,我希望默认滚动到顶部。在嵌套组件的顶部,我已经尝试了以下方法: x-data x-init="window....

8得票1回答
TinyMCE 4 - 允许所有HTML标记使用AlpineJS属性

我想在TinyMCE 4中允许所有Alpine JS组件(x-data,x-init等)作为所有HTML标记的属性。 我尝试通过extended_valid_attributes的规则以不同的方式添加它们,但是一切都失败了。要么它们仍然从代码中剥离,要么它们变为有效属性,但所有其他属性都被剥...

8得票2回答
Tailwind CSS和Alpine JS的过渡问题

我已经成功在Tailwind和Alpine中实现了一个非常简单的按钮和模态框组合 - https://jsfiddle.net/0pso5cxh/ 我的问题是,在离开转换阶段(取消按钮或关闭图标),没有任何淡出动画,它只是突然消失。这是我第一次使用Tailwind和Alpine,所以任何指针...