刀片中的 laravel 8 x 組件

Question

我無法弄清楚 x-blades 在 Laravel 中的工作方式。

例子

我已經創建自定義textarea組件，但我不能得到的值， rows和cols從刀片。

邏輯

如果刀片提供rows及cols使用，如果不使用靜態的。

代碼

textarea.blade.php

@props(['disabled' => false, 'rows' => '4', 'cols' => '50'])

<textarea {{ $disabled ? 'disabled' : '' }} rows="{{ $rows ? $slot : $rows }}" cols="{{ $cols }}" {!! $attributes->merge(['class' => 'form-input rounded-md shadow-sm']) !!}></textarea>

myform.blade.php

<x-textarea class="block mt-1 w-full" name="address" rows="10" cols="3" />

測試結果

cols="{{ $cols }}"從組件返回靜態值50

rows="{{ $rows ? $slot : $rows }}"返回rows=""

任何的想法？

Answer 1

解決了

這是我如何做到的：

component

@props(['disabled' => false, 'rows'=>'4', 'cols'=>'50'])

<textarea {{ $disabled ? 'disabled' : '' }} rows="{{ $rows }}" cols="{{ $cols }}" {!! $attributes->merge(['class' => 'form-input rounded-md shadow-sm']) !!}></textarea>

blade

<x-textarea class="block mt-1 w-full" name="address" required :value="old('address')" >
  <x-slot name="cols">3</x-slot>
  <x-slot name="rows">10</x-slot>
</x-textarea>

現在，如果我刪除<x-slot name="cols">和<x-slot name="rows">它使用組件中的靜態值，否則它使用我的刀片值。