国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

同一頁(yè)面上多個(gè)元件的 Livewire 分頁(yè)問(wèn)題
P粉714780768
P粉714780768 2023-09-01 12:49:12
0
1
842
<p>在同一頁(yè)面上使用兩個(gè)分頁(yè)元件時(shí),我遇到了 Livewire 分頁(yè)問(wèn)題。我遵循了 Livewire 文件關(guān)於使用多個(gè)分頁(yè)器的建議。但是,每當(dāng)我嘗試導(dǎo)航到其中一個(gè)元件上的頁(yè)面時(shí),我都會(huì)遇到兩個(gè)問(wèn)題:</p> <ul> <li>第一次導(dǎo)航時(shí),它按預(yù)期工作,但後續(xù)嘗試不會(huì)重定向;</li> <li>分頁(yè)導(dǎo)覽的連結(jié)在第一次重定向後消失;</li> <li>如果我手動(dòng)更改 URL,元件會(huì)反映更改並顯示正確的頁(yè)面。儘管單擊組件本身的頁(yè)面僅在第一次有效。 </li> </ul> <p>另一個(gè)元件如預(yù)期運(yùn)行,其建立方式與顯示所描述問(wèn)題的元件相同。 </p> <p>我嘗試遵循文件和調(diào)試,但沒(méi)有任何進(jìn)展。這是我的程式碼的簡(jiǎn)化版本,它大致基於文件。 </p> <p><strong>ActivityLogs.php</strong></p> <pre class="brush:php;toolbar:false;">class ActivityLogs extends Component { use WithPagination; public Model $model; private ActivityLogRepository $activityLogRepository; public function boot(ActivityLogRepository $activityLogRepository): void { $this->activityLogRepository = $activityLogRepository; } public function mount(Model $model): void { $this->model = $model; } public function render(): View { return view('livewire.activity-logs.activity-logs', [ 'activities' => $this->activityLogRepository ->getLogsForModel($this->model) ->paginate(5, pageName: 'activityPage'), ]); } }</pre> <p><strong>activity-logs.blade.php</strong></p> <pre class="brush:php;toolbar:false;"><x-cards.simple class="col-span-6 lg:col-span-3 xl:col-span-2 overscroll-contain" ; max-height="lg" title="{{ __('Activity Logs') }}" icon="project" > <div class="my-2 pr-2 h-full lg:max-h-[300px]"> @if($activities->isNotEmpty()) @foreach($activities as $activity) @dump($activity) @endforeach <div class="mt-8"> {{ $activities->onEachSide(1)->links() }} </div> @else <span> {{ __('This model has no logged activities.') }} </span> @endif </div> </x-cards.simple></pre> <p>如果您能了解我為何面臨上述問(wèn)題,我將不勝感激。謝謝! </p>
P粉714780768
P粉714780768

全部回覆(1)
P粉107991030

您的巢狀元件似乎缺少 :key 屬性。由於 Livewire 需要知道要重新渲染哪個(gè)元件,因此使用 :key 屬性來(lái)追蹤元件。

更新了activity-logs.blade.php

#
<x-cards.simple class="col-span-6 lg:col-span-3 xl:col-span-2 overscroll-contain"
                max-height="lg"
                title="{{ __('Activity Logs') }}"
                icon="project"
>
    <div class="my-2 pr-2 h-full lg:max-h-[300px]">
        @if($activities->isNotEmpty())
            @foreach($activities as $activity)
                <livewire:common.activity-logs.activity-log :activity="$activity" :key="$activity->id" />
            @endforeach

            <div class="mt-8">
                {{ $activities->onEachSide(1)->links() }}
            </div>
        @else
            <span>
                {{ __('This model has no logged activities.') }}
            </span>
        @endif
    </div>
</x-cards.simple>

參考:https://laravel-livewire.com /docs/2.x/nesting-components#keyed-components

#
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板