vueでタイトルを追加する方法

青灯夜游
リリース: 2021-10-27 12:04:40
オリジナル
4822 人が閲覧しました

vue でタイトルを追加する方法: 1. 「main.js」ファイルに「document.title = el.dataset.title」ステートメントを追加します; 2. ファイルに「v-title data」を設定します。必須コンポーネントのラベル -title="Login"" 属性で十分です。

vueでタイトルを追加する方法

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

vue プロジェクトは、ブラウザーのタグ title を変更するタイトルを追加します

ステップ 1: main.js ファイルに

// 设置浏览器标题
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})
ログイン後にコピー
# を追加します##ステップ 2:

<template>
    <div class="main" v-title data-title="登录">
    </div>
</template>
ログイン後にコピー
をコンポーネント内の任意の場所に追加します。完了

##関連する推奨事項: 「

vue.js チュートリアル

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!