小编Pet*_*Pan的帖子

组件重新渲染后,Laravel Livewire Javascript 数据不会刷新

我需要支持,因为当 livewire 组件重新渲染时我的 javascript 数据没有更新。

\n

我用的是全日历我在 Livewire 组件中

\n
<div>\n    {{ dump($events) }} {{-- \xe2\xac\x85\xef\xb8\x8f[1] --}}\n    <x-card class="mt-4">\n        <div id=\'calendar\'></div>\n    </x-card>\n    \n    @push(\'scripts\')\n        <script src=\'https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/main.min.js\'></script>\n        <script src=\'https://cdn.jsdelivr.net/npm/fullcalendar@5.11.0/locales/de.js\'></script>\n        \n        <script>\n            document.addEventListener(\'contentChanged\', function() {\n                console.log(@js($events)); // \xe2\xac\x85\xef\xb8\x8f[3]\n                var Calendar = FullCalendar.Calendar;\n                var calendarEl = document.getElementById(\'calendar\');\n                //                \xe2\xac\x87\xef\xb8\x8f[2]\n                var data = @js($events);\n                var calendar = new FullCalendar.Calendar(calendarEl, {\n                    locale: "de",\n    \n                    events: JSON.parse(data).map((event) => ({\n                        ...event,\n                        backgroundColor: event.title < 3 ? \'#B23220\' : (event.title < 11 ? \'#C3B031\' : \'#20B22C\'),\n …
Run Code Online (Sandbox Code Playgroud)

javascript php fullcalendar laravel laravel-livewire

1
推荐指数
1
解决办法
5249
查看次数