friends-of-hyva/magento2-alpinejs-persist

将 AlpineJS persist 插件集成到 Hyvä 中

安装: 49

依赖者: 0

建议者: 0

安全: 0

星星: 5

关注者: 3

分支: 1

开放问题: 0

语言:HTML

类型:magento2-module

1.0.0 2023-04-25 08:55 UTC

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 许可下发布。