如何在不使用控制器的情况下，在Laravel导航菜单中执行一个函数？

Question

我正在做一个项目，需要能够在应用程序的导航菜单中执行一个函数。据我理解，所有函数都可以通过view中的wire:click触发，并调用关联控制器中的函数。

是否有办法创建全局函数（或多个函数），以便无论我在哪个视图中，都可以从导航菜单（始终加载）调用它们？

希望我已经表达清楚了。我尝试过使用Ajax、Providers等方法，但不确定哪种是正确的做法。

Alex Riley · Answer

在Laravel项目中，我采用以下方式进行此类操作（虽然我没有使用Livewire，但我认为这同样适用于你的情况）。首先，创建一个服务提供者，如果你还没有为你的网站或应用创建的话：

php artisan make:provider SiteServiceProvider

然后在config/app.php中注册该服务提供者：

'providers' => [
    // 其他服务提供者
    App\Providers\SiteServiceProvider::class,
],

在你的SiteServiceProvider的boot方法中，你可以定义全局函数（在所有视图中均可访问）：

use Illuminate\Support\Facades\View;

public function boot()
{
    View::share('formatPhoneNumber', function ($phoneNumber) {
        // 确保$phoneNumber是一个10位数字
        $phoneNumber = preg_replace('/[^0-9]/', '', $phoneNumber);

        // 格式化电话号码
        return sprintf("(%s) %s - %s",
            substr($phoneNumber, 0, 3),
            substr($phoneNumber, 3, 3),
            substr($phoneNumber, 6)
        );
    });
}

然后在视图中像这样使用这个函数：

📞 {{ $formatPhoneNumber($phoneNumber) }}

你也可以创建全局变量。在同一服务提供者的boot方法中，可以这样做：

View::composer('*', function ($view) use ($config) {
    $view->with('phoneNumber', $config['phoneNumber']);
    $view->with('emailAddress', $config['emailAddress']);
    // 根据需要添加更多变量
});

然后在视图中这样使用：

📞 {{ $formatPhoneNumber($phoneNumber) }}

在我完成大部分答案后，我才意识到这并不是你要实现的功能，你想要的是不论当前呈现哪个视图，都能通过菜单从站点的任何地方调用一个函数。尽管如此，既然我已经写出这个答案，也许这对其他人会有所帮助...

一种可能的方法是将你希望全局化的函数放入一个trait中，然后在所有视图组件类中使用这个trait。

spencer7593 · Answer

你有多种方式可以触发Livewire事件，而我认为你需要的是如下方法：

// 向任何监听的Livewire组件发送事件...
Livewire.dispatch('post-created', { postId: 2 });

// 指定名称向特定Livewire组件发送事件...
Livewire.dispatchTo('dashboard', 'post-created', { postId: 2 });

关于这些函数的完整文档可以在https://livewire.laravel.com/docs/javascript#the-livewire-global-object" rel="nofollow noreferrer">Livewire全局对象中找到。

确保你的组件正在监听这些事件！

use Livewire\Component;
use Livewire\Attributes\On; // 这一行很重要

class Dashboard extends Component
{
    #[On('post-created')] // 这一行也很重要
    public function updatePostList($postId)
    {
        // ...
    }
}