vue动态修改浏览器title和icon图标

实例代码

setTitleIcon(){var link = document.querySelector("link[rel*='icon']") || document.createElement('link');link.type = 'image/x-icon';link.rel = 'shortcut icon';link.href = '/002.png'; // 图片放public目录document.getElementsByTagName('head')[0].appendChild(link);document.getElementsByTagName("title")[0].innerText = '动态修改title的值';
}

图片

效果

简写

setTitleIcon(){var link = document.querySelector("link[rel*='icon']") || document.createElement('link');link.href = '/002.png'; // 图片放public目录document.getElementsByTagName('head')[0].appendChild(link);document.getElementsByTagName("title")[0].innerText = '动态修改title的值';
}

vue动态修改浏览器title和icon图标相关推荐

vue 工程修改浏览器title以及icon
Icon: icon 效果如: vue 工程中有一个专门放置静态文件的文件夹:static:将静态的图标放到static文件夹下,比如是test.jpg或者test.png都可以. 然后在index. ...
vue 项目中，动态修改浏览器标签页的图标
vue 项目中,动态修改浏览器标签页的图标需求: 项目中有一个入口可以修改平台的名称和图标,图标同步展示为浏览器页签的图标实现: 1.找到项目中的app.vue 文件,动态创建link标签,调用后 ...
vue动态修改浏览器标题和图标
项目场景: 在一个功能一致的项目中,要分别部署成两个系统. 问题描述两个系统名称不一致.标题不一致.logo不一致,又不想单独拉出一套代码(单独拉出后维护成本增加),想要动态改变. 解决方案: 在m ...
js动态修改浏览器title标题
上代码 document.title=name+"--Download";或者$('title').text(name+"-Download"); 注意:我这里 ...
vue中修改浏览器标签栏title和图标
vue中修改浏览器标签栏title和图标一.修改文字在项目中的index.html文件title标签中直接写二.修改标签栏图片 1.在项目中的static文件中放入一张图片 2.在index.h ...
在vue中修改浏览器图标和名字
在vue中修改浏览器图标和名字 vue中,网页图标默认使用的是vue自带的一个icon的图标,也是vue的logo. 下面整理了几种改变标题和图标的方法 1.修改图标样式 01.使用图片这个方法是可 ...
vue 项目修改网页 title 和图标
修改网页 title 和图标网页 title 位置和图标位置修改路径在项目文件下的 public 文件夹下的 index.html 文件中的 title 里面 // 在html 中引入文 ...
动态修改网页title
动态修改网页title //如果在vue项目中在App.vue下的 created() 中输入 document.title = this.$store.state.user.name; //获取存 ...
vue 动态修改路由参数
转载自 vue 动态修改路由参数 import merge from 'webpack-merge':修改原有参数 this.$router.push({query:merge(this.$rout ...
获取网站的浏览器上的icon图标
获取网站的浏览器上的icon图标 http://www.im286.com/favicon.ico 把前面的域名换成你要获取的网站

vue动态修改浏览器title和icon图标

vue动态修改浏览器title和icon图标

实例代码

图片

效果

简写

vue动态修改浏览器title和icon图标相关推荐

最新文章

热门文章