vuejsでタイトルを動的に変更する方法

青灯夜游
リリース: 2023-01-13 00:45:46
オリジナル
3496 人が閲覧しました

タイトルを動的に変更する方法: 1. 「main.js」の「document.title=el.dataset.title」を使用してブラウザのタイトルを設定します; 2. ページのタグに「」を追加しますv-title data-title="タイトル値"" コードは動的に変更できます。

vuejsでタイトルを動的に変更する方法

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

Vue プロジェクトのページ タイトルを動的に変更する

main.js 内:

// 设置浏览器标题
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})
ログイン後にコピー

特定のページの最大の div:

vuejsでタイトルを動的に変更する方法

次のコードを追加します:

v-title data-title="测试title"
ログイン後にコピー

効果:

vuejsでタイトルを動的に変更する方法

関連する推奨事項:「vue.js チュートリアル

以上がvuejsでタイトルを動的に変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート