vue如何添加標題

發(fā)布時間：2021-10-27 13:37:57 來源：億速云閱讀：554 作者：小新欄目：編程語言

這篇文章主要為大家展示了“vue如何添加標題”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“vue如何添加標題”這篇文章吧。

vue添加標題的方法：1、在“main.js”文件里添加“document.title = el.dataset.title”語句；2、在需要組件的標簽中設置“v-title data-title="登錄"”屬性即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

vue項目添加改變?yōu)g覽器標簽title的標題

第一步:在main.js文件里添加

// 設置瀏覽器標題
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

第二步:在組件任意一位置添加

<template>
    <div class="main" v-title data-title="登錄">
    </div>
</template>

以上是“vue如何添加標題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡