标签名(企业微信自建h5应用顶部导航栏标签名修改)"/>
vue页面中动态修改网站标签名(企业微信自建h5应用顶部导航栏标签名修改)
修改网站标签
最近对接企业微信,顶部的固定tabbar应该是企业微信的浏览器头,显示的标题就对应网站的标签名。想要修改此名称,只需要使用 document.title 进行修改。
网上有大概三种方法:
- 在页面mouted事件中进行赋值
- 在路由守卫中进行拦截修改
- 自定义指令修改
我采用了第二种,写起来方便,代码也相对较少的,看起来舒服。
router.beforeEach((to, from, next) => {/* 路由发生变化修改页面title */if (to.meta.title) {document.title = to.meta.title}
})
更多推荐
vue页面中动态修改网站标签名(企业微信自建h5应用顶部导航栏标签名修改)
发布评论