vue3中动态设置网页图标

根据后端返回的配置数据来设置网页图标

在App.vue中加入

let link = document.querySelector("link[rel*='icon']") || document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = respon.Data.applic_ico
document.getElementsByTagName("head")[0].appendChild(link);

其中link.href就是图标的地址,这里用的是请求配置接口的返回值

你可能感兴趣的:(前端,javascript,vue.js)