由于鹏仔所在的公司平时一套系统要给多个平台部署,每个平台的icon小图标都不一样,所以每次部署时候都得手动切换一下对应系统的图标,很是麻烦,所以就写成一个全局动态的切换吧!
将下方代码放置全局首次加载地方,例如 App.vue 的 mounted 中
// 动态修改网页icon document.querySelectorAll("link[rel*='icon']").forEach(item => { if(this.sysType == '1'){ item.href = '/favicon-sf.ico'; } if(this.sysType == '2'){ item.href = '/favicon-hj.ico'; } })
上方代码中,sysType参数是我全局定义的,只需要判断显示对应的ico图标即可,图标路径可以url地址最为方便。
vue中如何动态设置当前页面的网站标题 https://lmcjl.com/post/154.html
本文链接:https://my.lmcjl.com/post/21042.html
展开阅读全文
4 评论