解决 Laravel-Admin 自己新建页面里 js 需要刷新一次
1. 问题背景
在使用 Laravel-Admin 进行开发过程中，有时候我们需要在自己新建的页面中使用 JavaScript 进行一些操作。但是，经常会出现一个问题，就是在页面加载完毕之后，需要手动刷新一次才能正常运行 JavaScript 代码。这给我们的开发带来了不便，影响了用户体验。
2. 问题分析
为了更好地理解这个问题，我们需要对 Laravel-Admin 的页面加载流程有一定的了解。在 Laravel-Admin 中，页面渲染使用的是 Blade 模板引擎，可以方便地将后端数据与前端模板进行结合。但是，由于 Laravel-Admin 是一个单页应用（SPA），在页面切换的时候，只会刷新局部内容，而不会重新加载整个页面。
这就导致了在自己新建的页面中使用的 JavaScript 代码，无法在页面重新加载的时候再次执行，从而导致需要手动刷新页面才能使用。
3. 解决方案
为了解决这个问题，我们需要对页面加载流程进行一些改进。具体来说，我们可以使用 Laravel-Admin 提供的生命周期钩子函数来在页面加载完毕后执行 JavaScript 代码。下面是具体的解决方案。
3.1 将 JavaScript 代码放在生命周期钩子函数中
Laravel-Admin 提供了一些生命周期钩子函数，可以在页面加载完毕后执行相应的操作。我们可以将需要在页面加载后执行的 JavaScript 代码放在这些钩子函数中。
// 在 app/Admin/routes.php 文件中，定义自己的页面路由
$router->get('/your-page', 'YourPageController@index');
// 在 app/Admin/Controllers/YourPageController.php 文件中，定义控制器方法
public function index(Content $content)
{
return $content
->title('Your Page')
->description('This is your page')
->body(view('admin.your-page'));
}
上面的代码是定义自己页面的路由和控制器方法。在控制器方法中，我们返回了一个 Blade 模板视图。这个视图是我们自己定义的页面模板。
3.2 在自己的页面模板中执行 JavaScript 代码
在自己定义的页面模板中，我们可以使用 Laravel-Admin 提供的 `script` 和 `scriptAfterEdit` 方法来执行 JavaScript 代码。
// 在 resources/views/admin/your-page.blade.php 文件中
@extends('admin::layouts.content')
@section('content')
// 页面模板内容
@push('scripts')
// 在这里放置需要在页面加载结束后执行的 JavaScript 代码
@endpush
@endsection
在上面的代码中，在 `@push('scripts')` 和 `@endpush` 之间的部分，就是我们可以放置需要在页面加载结束后执行的 JavaScript 代码的位置。在这里，我们可以编写自己的 JavaScript 代码来实现相应的功能。
4. 结论
通过将 JavaScript 代码放在生命周期钩子函数中，并在页面模板中执行这些代码，我们可以解决 Laravel-Admin 自己新建页面里 JavaScript 需要手动刷新问题。这样，页面重新加载后，JavaScript 代码可以正常运行，提升了开发效率并改善了用户体验。
5. 引用
- Laravel-Admin 文档：https://laravel-admin.org/docs/zh
- Laravel Blade 文档：https://laravel.com/docs/blade