vue 修改浏览器标题

主要思路:

1.可以从路由获取当前页面的标题,再通过document.title设值,或者在最外层的index.html页面添加<title>标签

import router from './router'
router.beforeEach(async (to, from, next) => {
document.title = to.meta.title
})

2.(主要用于代理网站)如果想要从数据库获取的数据修改,那要在App.vue页面获取数据,在存放到本地缓存(window.localStorage.setItem),
document.title再从本地缓存拿值(window.localStorage.getItem)(但还有个小问题,一开始进入页面时要设置默认值)

猜你喜欢

转载自www.cnblogs.com/GGDong/p/11208734.html