0

Всем привет,

В Laravel 5.5/vue.js2.5 приложении хочу сделать заголовок страницы в виде Application name : Page Title

Лайоут страниц приложения resources/views/layouts/app.blade.php :

<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title id="app_title">@if( !empty($site_name) ){{ $site_name }}@endif</title>

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">

</head>
<body>
<div id="app">

    <app-header ></app-header>

    @yield('content')

    <status-line></status-line>
</div> <!-- id="app">-->

@include('layouts.footer')

<script src="{{ asset('js/app.js'    ) }}{{  "?dt=".time()  }}"></script>

</body>

</html>

Все страницы запускаются через контейнер app/Http/Controllers/DashboardController.php :

<?php

namespace App\Http\Controllers;

...
class DashboardController extends MyAppController
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $this->addVariablesToJS();
        $site_name  = Settings::getValue('site_name', '');
        return view('admin.dashboard.index',['site_name'=> $site_name]);
    }
...

“Application name” хранится в базе данных и я его получаю и передаю в контролле выше и вставляю в 1ом скрипте. Но так как контрол выше не знает когда происходит переход страниц роутера vuejs, то я сделал обращение к тексту заголовка в событии страницы:

  ...
    mounted() {
        alert( "mounted this.is_insert::"+(this.is_insert) )
       $("#app_title").html('Page Title')
  ...

app_title - это id заголовка в первом скрипте Я использовал jquery-метод для доступа к заголовку приложения так как он находится вне блока работы vuejs:

<div id="app">

    <app-header ></app-header>

    @yield('content')

    <status-line></status-line>
</div> <!-- id="app">-->

И вопрос а можно ли тут исхитриться сделать средствами vuejs а не прибегать к jquery? Или сделать как-то иначе с организацией приложения?

Спасибо!

1 ответ 1

0

Можно без jQuery: document.title = 'Page title'

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.