这篇文章主要介绍了关于如何在vue项目中添加动态浏览器头部title的问题，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
0.   直接上 预览链接 + 效果图vue项目添加动态浏览器头部title
1.    实现思路( 1 ) 从路由router里面得到组件的title
( 2 )  title存vuex （本项目已经封装h5的sessionstorage和localstorage也可以存在这里面）
( 3 )  设置 title
（1）从路由router里面得到组件的title在 router.beforeeach((to, from, next) => {} 里面
const browserheadertitle = to.name
（ 2 )   title存vuex set_browserheadertitle: (state, action) => {      state.browserheadertitle = action.browserheadertitle    } store.commit('set_browserheadertitle', {      browserheadertitle: browserheadertitle    })
( 3 )  设置 title我们在路由after后设置title
/** * 设置浏览器头部标题 */export const settitle = function(title) {  title = title ? `${title}` : 'nxadmin'  window.document.title = title}router.aftereach(() => {  nprogress.done() // 结束progress  settimeout(() => {    const browserheadertitle = store.getters.browserheadertitle    settitle(browserheadertitle)  }, 0)})
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注！
相关推荐：
如何解决vue+mui中mui-silder插件失效了不能拖拽的问题
如何让vue的axios组件和php后端交换数据
以上就是如何在vue项目中添加动态浏览器头部title的问题的详细内容。