其實方法很多,百度一下可以搜出來一大把。下邊的方法就是最直接的方法,但是看網(wǎng)上說可能有其他問題,我沒試過,感興趣的可以試試。
created:function(){
document.title = '測試頁面';
}
我們可以用在指令,新建一個title.js如下:
import Vue from 'vue';
Vue.directive('title', {
inserted: function (el, binding) {
document.title = el.dataset.title
}
})
把上邊的title.js導入到main.js里,這樣就可以一勞永逸(因為main.js是在所有頁面引用)。
然后在需要修改標題的頁面里運用如下:
<template>
<div class="myAccount" v-title data-title="測試頁面" >
這個是測試頁面
</div>
</template>
//主要是 :v-title data-title="測試頁面"
這樣頁面的標題就修改成了 “測試頁面”