Livewire 3: How to Make Cross-Component Calls?

Question

### Comment Component Path: `app/Livewire/comments/index.php` ```php

``` ### Helpp Component Path: `app/Livewire/data.php` ```php

test1 · Accepted Answer

```php
namespace App\Livewire;

use App\Models\Vehicle;
use Livewire\Component;

class Comment extends Component
{
    public string $rawData;
    public string $data;

protected $listeners = [
        'get-processed-data' => 'getProcessedData',
    ];

public function getMixData($rawData)
    {
        $this->emitTo('helpp','get-mix-data', $this->rawData);
    }

public function getProcessedData($processedData)
    {
        $this->data = $processedData;
    }

}
```

```
namespace App\Livewire;

use Livewire\Component;

class Helpp extends Component
{
    protected $listeners = [
        'get-mix-data' => 'getMixData',
    ];
    public function getMixData($rawData)
    {
        $processedData = $rawData;
        $this->emitTo('component','get-processed-data', $processedData);
    }
}
```

Please call me Lei Feng.

Liu · Accepted Answer

https://wirebox.app/b/4kwz5

Ethan · Accepted Answer

Just emit an event and listen for the event in the other component.

[Dispatching events](https://livewire.laravel.com/docs/events#dispatching-events)

You can also dispatch this event from your frontend directly.

[Dispatching Livewire events from Alpine](https://livewire.laravel.com/docs/events#dispatching-livewire-events-from-alpine)