seoul-commerce/magento2-alpinejs-collapse

将 AlpineJS 折叠插件集成到 Hyvä 中

安装: 8

依赖者: 0

建议者: 0

安全: 0

星标: 2

关注者: 0

分支: 1

语言:HTML

类型:magento2-module

1.0.0 2024-01-31 04:40 UTC

This package is auto-updated.

Last update: 2024-09-30 01:49:14 UTC


README

这是一个专门为 Hyvä 定制的 Magento 插件,它将 AlpineJS persist 插件 添加到 Hyvä 中。此插件允许您在页面重新加载之间持久化 Alpine.js 组件数据。

Alpine.js 持久化插件

Alpine.js 持久化插件是一个允许您在页面重新加载之间持久化 Alpine.js 组件数据的插件。此插件可用于将数据存储在浏览器的本地存储或会话存储中,以便在用户返回页面时检索和恢复。

有关如何使用 AlpineJS 持久化插件的更多信息,请参阅 官方 Alpine.js 文档

示例

要在您的 Hyvä 主题中使用持久化插件,您可以将 $persist 属性添加到您的 Alpine.js 组件中,并指定哪些数据属性应该被持久化。

<div x-data="{ count: $persist(0) }">
    <button x-on:click="count++">Increment</button>
    <span x-text="count"></span>
</div>

在这个 Alpine.js 示例中,count 属性使用 $persist 函数初始化为默认值 0,这使得该属性可以通过本地存储在页面重新加载之间持久化其值。

安装

要使用 composer 安装 FriendsOfHyva_AlpineJsPersist 模块,请运行以下命令

composer require SeoulCommerce/magento2-alpinejs-collapse

此模块需要 Hyvä 主题 1.2.0 或更高版本和 AlpineJS v3。

使用 AlpineJS 持久化保存 Magewire 组件数据

更多详情请见此处。

注意

此模块专为 Hyvä 制作,不与原生 Magento 兼容。

有关 Hyvä 的更多信息,请访问 官方 Hyvä 网站

版权 & 许可证

版权 (c) 2023 Friends of Hyvä

该模块在 MIT 许可下发布。