この記事では、vue を使用してブラウザーのタイトルを動的に設定する効果を実現する方法を紹介します。
#vue はブラウザのタイトルを動的に設定します
通常、ブラウザのタイトルは次のように設定されます:#ただし、vue はシングルページ アプリケーションであり、エントリ ファイルには html が 1 つしかなく、設定できるラベルも 1 つだけです。そのため、以下では一般的に使用される 2 つの概要を紹介します。ブラウザーのラベルを動的に設定する方法
Text
を使用します。 #router/index.js
router.beforeEach1 2 3 4 5 6 |
|
1 2 |
|
完全で、推奨され、優れたネイティブ互換性があり、他の依存パッケージをダウンロードしてインストールする必要はありません
2 番目のオプション
1. プラグインのインストール
1 |
|
1 2 |
|
3.手順の追加
1 2 3 4 |
|
Complete
Notes
注: 値は独自のプロジェクト ルーティング構造からのものです。このデモでは name 値を使用します。i18n には対応する言語パッケージがあります。
title 属性を追加できます。メタ オブジェクトを指定し、
[関連する推奨事項: "
vue.js チュートリアル "]
以上がVue の動的ブラウザ タイトルを設定する 2 つの方法を説明します (詳細な例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。