简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > Vue.js > 正文

vue怎么添加logo

藏色散人
发布： 2021-11-02 15:11:54
原创
5190 人浏览过

vue添加logo的方法：1、在vue项目的根目录下，新建一个img文件夹；2、通过“<link rel="icon" href="../img/MyLogo.png">”方式添加logo即可。

vue怎么添加logo

本文操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

vue怎么添加logo？

在vue项目中增加网页logo：

一、前言

vue项目中增加网页，操作很简单，就能达到效果：一张图片 + 一行代码 。

二、正文

本项目是基于 ElementUI 的 element-starter，以做更好的演示。

1.代码

在这里插入图片描述

  • 增加如下logo

在这里插入图片描述

  • 增加了如下的代码

<link rel="icon" href="../img/MyLogo.png">
登录后复制

注意在项目的根目录下，新建一个文件夹如 img，logo 的图片从里边获取，不要在 assets 中获取！

    
    
<link rel="icon" href="../img/MyLogo.png">    
Lin Hongcun
登录后复制

2.效果

在这里插入图片描述

3.全部代码

代码放在 GitHub 了：https://github.com/larger5/web-logo

三、结尾

本来是件简单的事情，但网上对此的做法过于长篇大论，故写本文。

推荐学习：《最新的5个vue.js视频教程精选》

以上是vue怎么添加logo的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
vue
来源：php.cn
上一篇：vue怎么实现验证码 下一篇：vuejs怎么实现字符串转对象
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
Vue 3 和 Vuetify 3 访问组件中的 SCSS/SASS 变量 我想在我的Vue3组件中使用预定义变量。<template><divclass="roundedimg-container"><s...
来自于 2023-11-17 13:52:29
0
1
293
Vue项目中未定义模块 我刚刚通过运行npmini tvue@latest创建了一个新的Vue应用程序，如官方文档中指定的那样。然后我尝试按照Vue和Vite网站上的指南将Tailwind添加到我的应用程...
来自于 2023-11-17 12:38:53
0
2
394
验证表单中对象的字段 - Vue 3 + Vee-validate + 是的 我有一个表单，其中某些字段位于对象内：<scriptsetuplang="ts">...constschema:yup.SchemaOf<an...
来自于 2023-11-16 13:56:09
0
1
169
Vue 3 基于 Props 动态导入 我正在使用unplugin-icon创建一个图标组件，通常情况下我可以导入例如//scriptimportIconCopyfrom'~icons/prime/copy'//temp...
来自于 2023-11-16 11:40:01
0
1
235
Vue 3 Composition API - 禁用表单提交按钮，直到满足所有条件 我想禁用表单提交按钮，直到所有输入字段均已填写并且没有错误。<button:disabled="disabled"type="submit&qu...
来自于 2023-11-13 09:41:53
0
3
438
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！