php - 模型的属性如何在 Livewire Laravel 中默认为原始属性
问题描述
我最初mount()
在 livewire 组件的方法中有 ma DB eloquent 调用,但后来我觉得它实际上并没有被调用一次,因为我的属性被重写了,所以我把它们移到了 Laravel 的控制器中。
现在在 Laravel 控制器中
public function photos() {
$photos = Image::all();
foreach ($photos as $photo) {
$photo->imgLqPath = Storage::disk('s3')->temporaryUrl($photo->path025, now()->addHour());
$photo->imgPath = Storage::disk('s3')->temporaryUrl($photo->path, now()->addHour());
}
return view('cs.photos', [
'photos' => $photos
]);
}
然后将这些照片传递给组件
@livewire('cs.photos', ['photos' => $photos])
现在在组件的视图中,我将它们循环出来看看它们发生了什么
@foreach ($photos as $ph)
<pre>{{ json_encode($ph->getAttributes(), JSON_PRETTY_PRINT|JSON_UNESCAPED_UNICODE) }}</pre>
@endforeach
导致
{
"id": 204,
"name": "long_name.png",
"path": "long_path.png",
"description": null,
"path025": "long_path.png",
"user_id": 5,
"coord_id": null,
"gpsx": 12.3,
"gpsy": 45.56,
"imageable_type": "App\\CS",
"imageable_id": 193,
"created_at": "2021-07-24 14:02:30",
"updated_at": "2021-07-24 14:02:30",
"imgLqPath": "https:\/\/path...",
"imgPath": "https:\/\/path..."
}
然而,有了这个我很高兴,每当我通过wire:click
(我也尝试过.stop
和.prevent
.
<img
class="card-img-top"
src="{{ $photo->imgLqPath }}"
alt="..."
height="200px"
style="object-fit: contain;"
wire:click="selectPhoto({{ $photo }})"
>
(无论动作是否做某事,即使函数的空白体也会出现问题)
public function selectPhoto(Image $photo)
{
// $this->photo = $photo;
// $this->emit('photoSelected', 'test');
}
我的照片属性循环更改为此
{
"id": 204,
"name": "long_name.png",
"path": "long_path.png",
"description": null,
"path025": "long_path.png",
"user_id": 5,
"coord_id": null,
"gpsx": 12.3,
"gpsy": 45.56,
"imageable_type": "App\\CS",
"imageable_id": 193,
"created_at": "2021-07-24 14:02:30",
"updated_at": "2021-07-24 14:02:30"
}
似乎他们的属性已重置为原始属性,但我不知道为什么会发生这种情况。
更新:
对于 livewire 组件控制器,我添加了:
public function hydratePhotos($value) {
dd($value);
}
它会转储没有属性的照片集合path
,所以这似乎是问题所在。我不确定如何解决它,所以如果在我之前没有答案,我会再次更新。
解决方案
与人们可能“感觉”不同的是,Livewire 请求是无状态的——这意味着任何数据都在请求之间来回发送——并且每次请求都会从数据库中检索一些数据。对于模型和模型集合,它们在每个请求之间从数据库中查询 - 只有模型类和键存储在请求中。
这意味着当您的组件在后续请求中补水时,您必须重新应用这些自定义属性。如果我们假设$photos
您的 Livewire 组件的属性中有一个集合,您可以这样做
public function hydrate()
{
foreach ($this->photos as $photo) {
$photo->imgLqPath = Storage::disk('s3')->temporaryUrl($photo->path025, now()->addHour());
$photo->imgPath = Storage::disk('s3')->temporaryUrl($photo->path, now()->addHour());
}
}
推荐阅读
- asterisk - Asterisk 看不到队列成员
- scala - 使 Scala 类使用宏扩展 trait/abstract 类
- r - 基于相同的 ID 列从两个数据帧中提取值
- html - 绝对位置和 Z 索引不堆叠在其他元素上
- quasar-framework - 将 id 属性添加到 q-input
- mongodb - 按最后日期查找数组中的特定字段并更新它
- tensorflow - 安装 tensorflow 2.0 时创建虚拟环境错误
- go - 为什么物联网 TCP 命令中使用 go 语言函数?
- python - 将 MNIST 数据集拟合到给出“NotImplementedError”的神经网络
- python - 如何在python中连接str和float