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

Question

是否有与 laravel 7 /livewire 1.3 / turbolinks:5 / alpine@v2 兼容的https://github.com/soixantecircuits/idle-vue（检测用户何时没有与您的应用程序交互）？

谢谢！

Answer 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>

我已经把它作为一个代码笔工作了