動(dòng)態(tài)改變title的方法:1、在“main.js”中使用“document.title=el.dataset.title”配置瀏覽器標(biāo)題;2、在頁面的標(biāo)簽中,添加“v-title data-title="title值"”代碼即可動(dòng)態(tài)改變。
本教程操作環(huán)境:windows7系統(tǒng)、vue2.9.6版,DELL G3電腦。
動(dòng)態(tài)修改Vue項(xiàng)目中的頁面title
在main.js中:
// 設(shè)置瀏覽器標(biāo)題 Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title } })
在某個(gè)頁面最大的div上:
加上以下代碼:
v-title data-title="測試title"
效果: