动态修改网页icon图标

原创已于 2024-08-23 10:59:25 修改 · 4k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js

于 2021-05-19 10:31:20 首次发布

vue 同时被 2 个专栏收录

72 篇文章

订阅专栏

41 篇文章

订阅专栏

本文介绍如何使用Vue.js和JavaScript技术来实现在网页运行时动态更新favicon图标，达到改变网页标识的效果。

动态修改网页icon图标

//如果在vue项目中  在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.icon_url;  //icon图标
document.getElementsByTagName("head")[0].appendChild(link);