我創(chuàng)建了一個組件來根據(jù)輸入框中的初始值（本例中為 $amount）計算小費(fèi)。我已經(jīng)開始使用 Livewire 來了解它，安裝和配置沒有問題，但是當(dāng)我使用數(shù)據(jù)綁定從輸入框渲染 $amount 時，Laravel 返回一個 JSON，而不是使用插入的內(nèi)容重新渲染組件價值。在控制臺上檢查它發(fā)送一個 POST 并返回 200 代碼，但打開時顯示 419 錯誤代碼。我使用 Bulma 作為 CSS 框架提示計算器.php<?phpnamespace App\Http\Livewire;use Livewire\Component;class TipCalculator extends Component{ public $amount; public $percentage; public $tip; public $total; public function submit() { } public function render() { return view('livewire.tip-calculator'); }}提示計算器.blade.php<div class="columns is-mobile is-centered"> <div class="column is-half"> <h1 class="title">Calculadora de propinas</h1> <form wire:submit.prevent="submit"> {{ csrf_field() }} <div class="field"> <label class="label">Ingrese monto a pagar</label> <div class="control"> <input class="input" wire:model="amount" type="text" placeholder="Monto a pagar"> </div> </div> <div class="field"> <label class="label">Ingrese porcentaje de propina</label> <div class="control"> <input class="input" type="text" placeholder="Porcentage de propina"> </div> </div> <div class="columns"> <div class="column"> <div class="field"> <label class="label">Total Propina</label> <div class="control"> <input class="input" type="text" placeholder="Propina" readonly> </div> </div> </div>
1 回答
侃侃無極
TA貢獻(xiàn)2051條經(jīng)驗 獲得超10個贊
問題解決了！
與 ReactJS 和 VueJS 一樣，視圖必須包裝在 a 中才能由 DOM 渲染。所以，tip-calculator.blade.php 必須是
<div class="columns is-mobile is-centered">
{{-- All the code to be rendered --}}
<p>{{ $amount }}</p>
</div>
- 1 回答
- 0 關(guān)注
- 154 瀏覽
添加回答
舉報
0/150
提交
取消