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

為大足等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及大足網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、大足網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

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

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

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

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

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

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

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