Estudando o Livewire pelo Hostinger

[Frank K Hosaka]

Eu já aprendi que o meu código no notebook nem sempre funciona no Hostinger. Hoje eu decidi estudar o Livewire diretamente no Hostinger, usando o file manager do CloudPanel.

Esse é o meu primeiro código, por enquanto não recebi nenhuma mensagem de erro:

Lteste.php
<?php
namespace App\Livewire;
use Livewire\Component;

class Lteste extends Component {

    public $vetor=[1,2,3];

}

lteste.blade.php
<div class="w-[100px]">
    <flux:input wire:model="vetor.0" wire:change="$refresh" />
    <flux:input wire:model="vetor.1" wire:change="$refresh" />
    <flux:input wire:model="vetor.2" wire:change="$refresh" />
  	<div>{{ $vetor[0]." ".$vetor[1]." ".$vetor[2] }}</div>
</div>

 

Editado Abril 11 por Frank K Hosaka

[Frank K Hosaka]

Testando um objeto:

Lteste.php
<?php
namespace App\Livewire;
use Livewire\Component;

class Lteste extends Component {
  
    public $objeto = ['vetor' => [1,2,3]];

}

lteste.blade.php
<div class="w-[100px]"> 
	<flux:input wire:model="objeto.vetor.0" wire:change="$refresh" />
    <flux:input wire:model="objeto.vetor.1" wire:change="$refresh" />
    <flux:input wire:model="objeto.vetor.2" wire:change="$refresh" />
    <pre>{{ print_r($objeto['vetor']) }}</pre>
</div>

 

[Frank K Hosaka]

Finalmente, consegui trabalhar com o wire:model do Livewire com o MySQL. O Copilot me ajudou bastante a criar o código sem receber a mensagem "Livewire encountered corrupted data" no Hostinger:

Lteste.php
<?php
namespace App\Livewire;
use App\Models\tbprevisao;
use Livewire\Component;

class Lteste extends Component {
  
  public $previsao;
  
	function mount() {
      $this->previsao =tbprevisao::orderBy('conta')
        ->take(3)->get()->toArray();
    }
  
	function updated($propertyName) {
		$parts=explode(".",$propertyName);
		$index=$parts[1];
		$id=$this->previsao[$index]['id'];
		$valor=data_get($this,$propertyName);
		tbprevisao::where('id',$id)
			->update(['valor'=>$valor]);     
    }
  
}

lteste.blade.php
<div class="w-[100px]">
  	<flux:input wire:model="previsao.0.valor" wire:change="$refresh" />
    <flux:input wire:model="previsao.1.valor" wire:change="$refresh" />
	<flux:input wire:model="previsao.2.valor" wire:change="$refresh"  />  
    <pre>{{ print_r($previsao) }}</pre>
</div>