friends-of-hyva / magento2-alpinejs-persist
将 AlpineJS persist 插件集成到 Hyvä 中
1.0.0
2023-04-25 08:55 UTC
Requires
- php: ~7.4|~8.1
- hyva-themes/magento2-theme-module: ^1.2
- magento/magento-composer-installer: *
This package is auto-updated.
Last update: 2024-09-16 11:01:09 UTC
README
这是一个专门为 Hyvä 定制的 Magento 模块,它将 AlpineJS persist 插件 添加到 Hyvä。此插件允许您在页面重新加载之间持久化 Alpine.js 组件数据。
Alpine.js Persist 插件
Alpine.js persist 插件是一个允许您在页面重新加载之间持久化 Alpine.js 组件数据的插件。此插件可用于在浏览器本地存储或会话存储中存储与 Alpine.js 组件关联的数据,允许在用户返回页面时检索和恢复数据。
有关如何使用 AlpineJS persist 插件的更多信息,请参阅 官方 Alpine.js 文档。
示例
要在您的 Hyvä 主题中使用 persist 插件,您可以将 $persist
属性添加到您的 Alpine.js 组件中,并指定应持久化哪些数据属性。
<div x-data="{ count: $persist(0) }"> <button x-on:click="count++">Increment</button> <span x-text="count"></span> </div>
在这个 Alpine.js 示例中,使用 $persist
函数将 count 属性初始化为默认值 0,该函数使属性能够在页面重新加载之间使用本地存储持久化其值。
安装
要通过 composer 安装 FriendsOfHyva_AlpineJsPersist 模块,请运行以下命令
composer require friends-of-hyva/magento2-alpinejs-persist
此模块需要 Hyvä 主题 1.2.0 或更高版本和 AlpineJS v3。
使用 AlpineJS persist 保存 Magewire 组件数据
注意
此模块专为 Hyvä 设计,与原生 Magento 不兼容。
有关 Hyvä 的更多信息,请访问 官方 Hyvä 网站。
版权 & 许可证
版权(c)2023 Friends of Hyvä
该模块在 MIT 许可下发布。