seoul-commerce/magento2-alpinejs-collapse
将 AlpineJS 折叠插件集成到 Hyvä 中
1.0.0
2024-01-31 04:40 UTC
Requires
- php: ~7.4|~8.2
- hyva-themes/magento2-theme-module: ^1.2
- magento/magento-composer-installer: *
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 许可下发布。