当前位置: 首页 > article >正文

vue动态修改网页icon图标【浏览器】

动态修改网页icon图标

在app.vue文件中添加以下代码

  created () {
    var link = document.querySelector("link[rel*='icon']") || document.createElement("link")
    link.type = "image/x-icon"
    link.rel = "shortcut icon"
    link.href=this.url// icon地址
//这里可以加判断选要的icon
   // const name = localStorage.getItem("companyName")
  //  if (name.includes("医祈")) {
  //    link.href = require('../src/assets/logo/logo_yiqi.png')
  //  } else {

     // link.href = require('../src/assets/logo/logo.png')
    //}
    document.getElementsByTagName("head")[0].appendChild(link)

  }

如果没反应,可以将index.html中的带有rel="icon"的注释掉

 


http://www.kler.cn/a/512364.html

相关文章:

  • gitlab使用多数据库
  • 第9章:Python TDD解决货币对象相等性比较难题
  • leetcode 面试经典 150 题:合并区间
  • C++ 模拟真人鼠标轨迹算法 - 防止游戏检测
  • QT开发-T113 Linux 主板QC配置套件
  • JSON-stringify和parse
  • ARCGIS国土超级工具集1.3更新说明
  • (7)(7.2) 围栏
  • 第四届机器学习、云计算与智能挖掘国际会议
  • C++:bfs解决多源最短路与拓扑排序问题习题
  • games101笔记-02线性代数回顾
  • 第01章 07 MySQL+VTK C++示例代码,实现医学影像数据的IO数据库存储
  • 构建基于Hadoop的数据湖解决方案
  • 通过以太网加载linux内核、设备树、根文件系统方法(以stm32MP135为例)
  • 插入排序 计数排序 堆排序 快速排序 归并排序
  • 降维算法:主成分分析
  • Dockerfile另一种使用普通用户启动的方式
  • 高效建站指南:通过Portainer快速搭建自己的在线网站
  • 开源许可证(Open Source Licenses)
  • 【React】类组件更新的底层逻辑
  • wordpress网站发布失败:此响应不是合法的JSON响应
  • 模版字符串复制粘贴支持换行
  • 【Block总结】TFF和SFF模块,时间和尺度的特征融合|即插即用
  • 【大数据2025】Yarn 总结
  • Android 11.0 第三方app接收不到开机广播问题的解决以及开机自启动功能实现二
  • Agent Laboratory: Using LLM Agents as Research Assistants 论文简介