vue动态修改header标题

vue动态修改header标题,第1张

vue动态修改header标题步骤如下。

1、结合业务直接在vue生命周期函数created和mounted中,给document.title赋值。

2、项目中使用了vuerouter,在路由文件index.js中给需要的路由添加title,在路由的beforeeach拦截器里处理。

第1步:将图标重命名为“favicon.ico”,并放在项目 根目录 下。

第2步:然后在index.html中引入,title中修改页面标题。

第3步:分别修改build文件夹下 webpack .dev.conf.js和webpack.prod.conf.js文件中的内容。

第五步:重新npm run server 看效果


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11409312.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存