عدم اجرای کد های جاوا اسکریپت بعد از Navigate

حسن خسروجردی

سلام وقت بخیر

در آخرین نسخه Livewire (v3)، روش جدیدتری برای اجرای JavaScript بعد از ناوبری وجود داره.

برای حل مشکل اجرا نشدن ChartJS بعد از navigate شدن، از @js directive یا livewire:navigated event استفاده کنید.

روش پیشنهادی (Livewire v3):

document.addEventListener('livewire:navigated', () => {
    renderMyChart(); // این تابع باید چارت رو بسازه
});

یا اگه فقط تو یه صفحه خاص مثل داشبورد چارت دارید:

<script>
    document.addEventListener('livewire:navigated', () => {
        if (window.location.pathname === '/dashboard') {
            renderMyChart();
        }
    });
</script>

 این روش با SPA بودن Livewire v3 سازگاره و مشکل اجرا نشدن JS بعد از ناوبری رو حل می‌کنه.