使用整页组件时如何更改页面标题-Livewire

Question

<head>
   <title>dynamic title here - {{ config('app.name') }}</title>
</head>

if you try this, please let me know.如果你试试这个，请告诉我。

Answer 1

I preferred using JavaScript with Blade Components document.title = 'My Title'我更喜欢使用 JavaScript 和 Blade Components document.title = 'My Title'

Implemented with Alpine JS用Alpine JS实现

Blade Component (.../components/page-title.blade.php)刀片组件 (.../components/page-title.blade.php)

@props(['title'])

<div x-data x-init="document.title = @js($title.' - '.config('app.name'))"></div>

so you can call the page-title component anywhere in your blade flies like this所以你可以像这样在你的刀片中的任何地方调用page-title组件

<x-page-title :title="'Homepage'" />

There could be easier methods of doing it the JavaScript way, but this is what I could think of.可能有更简单的方法可以用 JavaScript 的方式来做，但这是我能想到的。 Hope it helps希望能帮助到你

The PHP way could be to pass the $title as a prop to the layout, For Example PHP 的方式可能是将$title作为道具传递给布局，例如

<x-guest-layout :page-title="$title">
... Page Content
</x-guest-layout>

guest-layout.blade.php now looks like guest-layout.blade.php现在看起来像

@props(['title'])
<html>
  <head>
      <title>{{ $title }}</title>
  </head>
  <body>
    {{ $slot }}
  </body>
</html>

使用整页组件时如何更改页面标题-Livewire

问题描述

1 个解决方案

解决方案1
0 2022-01-05 10:22:20

使用整页组件时如何更改页面标题-Livewire

问题描述

1 个解决方案

解决方案1 0 2022-01-05 10:22:20

解决方案1
0 2022-01-05 10:22:20