vue动态修改标题
vue动态修改标题
document.title
// 笨方法
create() {
document.title = 'xxx';
}
// 推荐写法(Vue-Router的beforeEach拦截)
```js
// router.js
{
name: "xxx",
path: "xxx",
component: ()=> import("@/component/xxx.vue"),
meta: {
title: "xxx"
}
}
// 路由拦截
router.beforeEach((to, from, next)> {
to.meta && (document.title = to.meta.title)
})
本文作者:HuangBingQuan
本文链接:https://www.cnblogs.com/bingquan1/p/16642379.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步