我为 livewire / alpine 应用程序搜索用户空闲插件/决策答案

【问题标题】：I search for user idle plugin/decision for livewire / alpine app我为 livewire / alpine 应用程序搜索用户空闲插件/决策
【发布时间】：2020-11-29 05:15:36
【问题描述】：

是否有类似https://github.com/soixantecircuits/idle-vue（检测用户何时没有与您的应用互动了一段时间）兼容 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 ?

谢谢！

【问题讨论】：

标签： laravel-livewire alpine.js

【解决方案1】：

假设你以某种方式安装了idle-js，你可以这样做：

<div
  x-data="{ idle: false }"
  x-init="_idle = new IdleJs({
    onIdle: () => { idle = true },
    onActive: () => { idle = false },
  });
  _idle.start();"
>
  <p x-text="idle ? 'Idle': 'Not idle'"></p>
</div>

我已经把它作为a codepen 工作了

【讨论】：

什么是 idle-js ？这个github.com/shawnmclean/Idle.js ?
是的，就是这样，我使用了 CDN 包含（参见 codepen 的 JS 部分）
谢谢！看起来它是在空闲时触发的......你还能给我一个提示，我如何从 js 代码方法 livewire:logout 运行？
为此，您可能需要从 Alpine 调度一个自定义事件，然后从 Livewire 收听它？我不太熟悉，但我不确定 Alpine-Livewire 互操作是如何工作的