Mi componente livewire app/Http/Livewire/Data.php
class Data extends Component
{
public $data= 0;
public function data()
{
$this->data= 100;
}
public function render()
{
return view('livewire.data');
}
}
Mi vista livewire resorces/views/livewire/data.blade.php
y deseo saber cómo puedo hacer uso de la variable $data
dentro de un script que se encuentra en esta vista.
<div style="text-align: center">
<button wire:click="data"> Mi botón</button>
<-- Aquí se muestra sin problemas -->
<h1>{{ $data }}</h1>
</div>
<!-- Aquí no se muestra -->
<script>
document.addEventListener('livewire:load', function () {
let data = null;
data = {{ $data }}
console.log(data)
})
</script>
No me muestra el valor al hacer console.log()