百变鹏仔-专注前端行业精选
vue动态修改网站的icon图标
作者：鹏仔先生 日期：2024-08-09 17:44:20 浏览：2784 分类：JavaScript
由于鹏仔所在的公司平时一套系统要给多个平台部署，每个平台的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://sharedbk.com/post/154.html
- 上一篇：VUE中ECharts提示框tooltip自动切换
- 下一篇：vue中实现代码高亮
猜你还喜欢
- 04-24 简单实现文字两端对齐
- 04-24 检测图片URL是否失效
- 04-24 elemetui中el-date-picker限制开始结束日期只能选择当月
- 04-24 iview中DatePicker时间段选择限制开始结束日期只能选择当月
- 03-24 vue h5实现车牌号输入框
- 11-01 vue中实现代码高亮
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 07-02 微信小程序判断是安卓还是苹果
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 06-25 uniapp页面跳转的几种方式
- 04-19 VUE实现点击复制
