라라벨/livewire_study

데이터바인딩

땀모 2020. 4. 11. 20:54

1. app/Http/Livewire/HelloWorld.php

public $message = '';


*기본 입력

public $message = 'message';


2.  hello-world.blade.php 에 input 부분 작성

<div>
<h2>HELLO WORLD</h2>
<h3>{{ $name }}</h3>

메시지입력 <input type="text" wire:model="message">
<p>{{ $message }}</p>
</div>


결과


메시지 표시 딜레이값

메시지입력 <input type="text" wire:model.debounce.1000ms="message">


lazy 커서가 벗어나지면 적용된다.

메시지입력1 <input type="text" wire:model.lazy="message">
메시지입력2 <input type="text" wire:model.lazy="message2">
<p>{{ $message }} | {{ $message2 }}</p>