Livewire 上的 SPA 在第二页渲染后不加载 js 元素

SPA on Livewire not loading js elements after 2nd page Render

我基于 livewire 的 SPA 在第二页呈现后未加载 javascript 事件: 比如两种情况:

  1. 仪表板中的第一页刷新加载图表插件。在我呈现其他页面并返回仪表板后,图表不会再次加载。

  2. 我刷新页面,侧边栏中的菜单折叠了。在我呈现其他页面后,它们不会出现折叠状态。

我在 Laravel 8 上使用 Turbolinks 和 Livewire。

提前致谢。

...
    @livewireScripts
    <script src="https://cdn.jsdelivr.net/gh/livewire/turbolinks@v0.1.x/dist/livewire-turbolinks.js" data-turbolinks-eval="false"></script>
</body>

我遇到了类似的问题,对我来说它不起作用,因为我将 JS 代码放入 window.onload 函数 但是当我删除该函数时,内部代码执行了两次,所以我将内部代码放入一个 单独的文件 并导入它并且它可以工作。 尝试将图表初始化放在一个单独的文件中。

否则看看@这个: https://github.com/livewire/livewire/issues/1022