vue动态设置title

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

概述:
在开发中,一般会随着页面的跳转,title也跟随着去修改,但是在使用前端框架时,就一个html,那如何修改title呢,接着往下看:

给index.html的title一个id:

www.chao99.top

方法一:

// 在router中配置

	{
            path: '/',
            name: 'Index',
            component: Index,
            beforeEnter: (to, from, next) => {
                document.getElementById('active_title').innerHTML = 'blog.chao99.top';
                next()
            }
        }

方法二:

	// 在created中修改
		let titleDom = document.getElementById('active_title');
        titleDom.innerHTML = 'blog.chao99.top';

你可能感兴趣的:(vue)