我需要支持,因为当 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)