当使用Livewire在Laravel Blade中运行验证时，我如何隐藏某些内容

Question

我的Laravel刀片中有一个输入类型的文件，我在livewire中也有image|max:1024的验证。问题是输入验证了，但它让我出错了，因为Laravel Blade显示的img不是文件类型的图像，所以我想在它没有达到验证时隐藏它。

<div class="pb-2">
@if ($header_image)
@error('header_image')
<span class="error">{{ $message }}</span>
@enderror
<img src="{{ $header_image->temporaryUrl() }}" height="30%" width='50%'>
@else
<img src="{{url('storage/photos/'.$banner->header_image)}}" height="30%" width='50%' />
@endif
</div>

我想用temporaryUrl()把它藏起来。

Answer 1

您可以使用此验证器方法对失败的执行任何操作

$validation = Validator::make($data,$rules);
if($validation->fails()) {
$this->property = null;
}

Answer 2

我有另一种方法。我使用livewiredehydrate函数。带电组件：

public function dehydrate()
{
if ($this->getErrorBag()) {
//Do whatever you like..
}
}