如何在vue项目中增加网页logo

一、前言vue项目中增加网页，操作很简单，就能达到效果：一张图片 + 一行代码。二、正文本项目是基于 ElementUI 的 element-starter，以做更好的演示。1.代码就增加了如下的代码<link rel="icon" href="../img/MyLogo.png">注意在项目的根目录下，新建一个文件夹如 img，logo 的图片从里边获取，不要在 ...

IT小村

4972人浏览 · 2020-05-05 11:44:43

IT小村 · 2020-05-05 11:44:43 发布

一、前言

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

二、正文

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

1.代码

在这里插入图片描述

增加如下logo

在这里插入图片描述

增加了如下的代码

<link rel="icon" href="../img/MyLogo.png">

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="icon" href="../img/MyLogo.png">
    <title>Lin Hongcun</title>
</head>

<body>
<div id="app"></div>
</body>

</html>

2.效果

在这里插入图片描述

3.全部代码

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

三、结尾

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^