Laravel - 在选项卡式窗格中动态加载内容答案

【问题标题】：Laravel - Dynamically loading content within a tabbed paneLaravel - 在选项卡式窗格中动态加载内容
【发布时间】：2021-05-09 01:24:48
【问题描述】：

我相信我所有的结构都是正确的。但是页面内的选项卡链接（正确的）不会强制页面刷新？更改 URI 和更改 Tag 参数将使页面加载，所以它的工作方式？但是链接失效了？另外，这是最好的方法吗？

路由 (web.php)

Route::get('/admin/site', [SiteController::class, 'index'])
    ->name('admin.adminSiteDash');

Route::get('/admin/site/{tab?}', [SiteController::class, 'show'])
    ->name('admin.adminSiteDash.Tab');

网站管理员

public function index() {
   return redirect(route('admin.adminSiteDash.Tab', 'tab1'));
}

public function show($tab = null) {

    if (is_null($tab)) { 
      $tab = 'tab1';
    }
  
    return view('admin.adminSiteDash', [
        'regions' => Region::all(),
        'tab' => $tab
    ]);
}

查看（名为 admin.adminSiteDash）

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <a href="tab1" id="home-tab" data-toggle="tab" class="nav-link @if($tab === 'tab1') active @endif">Tab 1</a>
    <a href="tab2" id="home-tab" data-toggle="tab" class="nav-link @if($tab === 'tab2') active @endif">Tab 2</a>
    <a href="tab3" id="home-tab" data-toggle="tab" class="nav-link @if($tab === 'tab3') active @endif">Tab 3</a>
    <a href="tab4" id="home-tab" data-toggle="tab" class="nav-link @if($tab === 'tab4') active @endif">Tab 4</a>
</ul>

<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
  @include('admin.site.prop_' . $tab)
</div>

【问题讨论】：

标签： php laravel bootstrap-4 laravel-8

【解决方案1】：

我需要将 Jquery 部分删除到选项卡，因为它们实际上只是元素..

从 ahrefs 中删除 data-toggle="tab"得到我所追求的行为！

【讨论】：