element+vue之 替换 左上角 title标签处的图标

已于 2022-01-21 11:08:47 修改
阅读量581 收藏
点赞数
文章标签： vue.js javascript vue
于 2021-11-25 09:58:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42268006/article/details/121530988
版权
1.在static文件下 放入以.ico格式的图片

在这里插入图片描述

2.在index.html中写入：<link rel="icon" href="static/logo-2.ico" type="image/x-icon">

在这里插入图片描述

3.修改build下面webpack.prod.conf.js和webpack.dev.conf.js

在这里插入图片描述
在这里插入图片描述

4.改完之后重新启动一下就可以了
jiojio冲冲冲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
[vue-element-admin]设置icon+浏览器+侧边栏等图标、标题
u013998349的博客
11-28 1万+
vue-element-admin中设置icon图标一、引入图标ICON：二、使用步骤1.src/router/index.js参考资料： 一、引入图标ICON： https://www.iconfont.cn/ 可以到https://www.iconfont.cn/上选择并生成自己的业务图标库，再进行使用。或者其它 svg 图标网站，下载 svg 并放到文件夹之中就可以了。 二、使用步骤 1.src/router/index.js 直接在meta: { title: ‘主页’, icon: ‘dashb
Thinkphp5+element+vue开发的后台管理系统
12-19
菜单的增加、删除、修改、图标为动态数据库（没有做图标管理模块需要的可以自己去完善） 2.3 角色管理 菜单权限勾选、角色增加、删除、修改 2.4 用户管理 用户的所属角色、用户的增加、删除、修改 2.5 系统...
Vue. 之 替换 左上角 title标签处的图标favicon.ico
wwf1225的博客
04-13 845
https://www.cnblogs.com/Charles-Yuan/p/11516170.html
vue-element-admin 项目更换浏览器图标与标头
Dragon
05-30 2529
1、先看我的图标与标头 2、这个修改的话如下图所示（这个意思就是，如果前边的 defaultSettings.title 没有找到的话就会显示后边的，前边的 title 可以按住 Ctrl 光标放上去单击鼠标左键跟踪过去进行修改） 3、图标的话就在 publick 目录下（将自己喜欢的图片放到 public 目录下，然后将 href 后的进行更改就可以了） ...
修改vue-element-admin左侧导航栏的图标（vue项目左侧菜单栏图标修改为阿里图标）
树上骑个猴的博客
08-24 3090
1、打开阿里矢量图标库https://www.iconfont.cn/ 选择一个图标下载 选择下载格式给svg的格式 2、把我们下载的icon图标的index.svg文件复制到/src/icons/svg文件夹下 3：打开src/router/index.js 在meta：{ icon}中引入即可。 效果： ...
Element UI自带的小图标，替换成自己的
weixin_44021888的博客
09-05 925
Element UI自带的小图标，替换成自己的
spring+element+vue附件上传、下载及在线预览
01-14
本文将深入探讨如何在基于Spring Boot后端和Vue.js前端的环境中，利用Element UI组件库实现附件的上传、下载以及在线预览功能。Element UI是基于Vue.js的组件库，提供了丰富的UI组件，对于构建企业级应用非常方便。 ...
element+thinkphp5+vue
09-10
刚学习VUE+PHP+element开发的后台管理系统 目前缺陷：文件上传不可用、登录需要再次点击登录。 其他缺陷：菜单拖拽，速度略慢。 数据库：mysql 服务：xampp vue：2.0 其他配置需要你们自己去配置了。vue中用到的ip...
html+CSS+js+VUE+element+java后台项目示例
08-20
包含html-CSS-javascript-vue-element等多项基础知识课件详解，为web开发提供基础技术。并包含一个web项目的示例代码，利于掌握Java后台和前端的程序设计流程。
vue+element导航+标签导航+路由跳转+路由转换.zip
05-21
vue+element导航+标签导航+路由跳转+路由转换，有需要可以取，博客有详尽说明，https://blog.csdn.net/Hei_lovely_cat/article/details/104692047
vue-element-admin 左侧Logo和名称的显示
zhangtongxueya的博客
08-11 843
名称
怎么修改vue项目图标和标题
weixin_42596246的博客
02-10 715
要修改 Vue 项目的图标和标题，需要在 Vue 项目的 public 目录下添加 favicon.ico 文件作为图标，并在 index.html 中通过标签修改标题。 具体步骤如下： 在 public 目录下添加图标 favicon.ico 在 index.html 中的 head 标签中修改标题，例如： <head> <metacharset="utf-8"&g...
vue-element-admin 修改左上角系统名称和logo
weixin_43870916的博客
03-15 7423
修改 src/layout/components/Sidebar/Logo.vue data() { return { title: '系统名称', logo: 'logo地址' } }
vue-element-admin更改网页标题和图标
最新发布
zmy9forever的博客
07-25 1611
这句话中的defaultSettings是从settings文件导入的，然后选中defaultSettings，再按F12键来到。页面中有句const title = defaultSettings.title || 'hello world'选中 getPageTitle 按F12键转到定义，来到了。看到下面的title，更改即可。这句话就是获取页面标题，
vue elementUI 之 this.$confirm 的使用
热门推荐
且听风吟的博客
11-23 1万+
vue elementUI 之 this.$confirm 的使用
vue 实现在光标处插入内容如文本,标题,时间等
weixin_47230082的博客
12-14 787
vue 实现在光标处插入内容如文本，时间 效果图如下 代码如下 <template> <div> <div class="el-textarea"> <textarea v-model="content" id="textarea" type="textarea" rows="2" autocomplete="off" ref="singleTe
vue-admin-template中左上角logo让其显示、修改为自定义图片
CSDN_XHC的博客
05-07 4691
目录显示logo修改logo 显示logo 1. 找到settings.js文件，找到sidebarLogo(侧边栏logo) 2. 修改sidebarLogo的值为true 修改logo 1. 找到src/layout/components/Sidebar目录下的Logo.vue 2. 在logo那里填写自己的图片路径 3. 在Logo.vue中您不仅可以修改图片路径，还可以修改相关样式，让自己的样式更漂亮 ...
VUE图片添加角标，图片右上角或左上角添加标识
weixin_45710811的博客
07-27 6327
vue图片添加角标，图片左上角或右上角添加标识
删除图标资源后还是可以显示图标的疑惑
werflychen的专栏
12-02 1152
<br /><br />    昨天下午，在工程中，把一个图标的资源在文件夹中移到桌面后，重新编绎了一下.rc文件，奇怪的一幕发生了。在原来显示图标的位置，居然还是显示了这个图标。百思不得其解，后来，在整个项目中搜索文件，确实已经搜不到该图标文件了。后来便开始怀疑MS的资源编绎是不是出错了，删掉了生成的.res文件，并把VS重新启动，不行。后来干脆把整个Solution重新编绎，还是不行！莫非？傻就傻B一点吧，我把电脑也重新启动一下。还是不行，这下子，我可真的假了。<br />    后来跑到另一个同事的机
springboot+element+vue医疗管理平台代码
07-09
但是，您可以在开源社区中寻找使用springboot+element+vue开发的医疗管理平台项目。以下是一些常见的开源医疗管理平台项目，您可以在这些项目中查找相关代码： 1. "Spring Health"：一个基于Spring Boot、Vue.js和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jiojio冲冲冲

能帮助你是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值