海创软件组--20200906--Vue项目设置浏览器小图标--JS中使用Element的消息确认框并可触发回调函数！！

@TOC

Vue项目设置浏览器小图标

开发Vue项目时，打开浏览器查看时会发觉自己的网页小图标是空白的，不像其他网页一样有各自的小图标，接下来就和大家说一下如何设置浏览器小图标吧。
最终效果：

实现方式：


1：将所需的图片放入static文件夹下，例如我放在static/imgs
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200906212306931.png#pic_center




2：在index.html中引入图标即可
加入这行代码：<link rel ="shortcut icon" type="image/x-icon" href="static/imgs/xxx.png">

---

JS中使用Element的消息确认框并可触发回调函数！！

最近在弄只有通过身份验证后才能登入组件，未通过的先通过element-ui的消息提示框告知用户未登录，待用户按下确认键后自动跳转到登录界面。虽然在js中引入messagebox并使用它是比较简单的，但我按照原本的用法却一直无法触发回到函数，正当我百思不得其解时，想起js一般都是通过.then来触发回调函数，就尝试用了一下，没想到效果还挺好，哈哈哈。

一：JS文件引入element的消息确认框

import {
  MessageBox
} from 'element-ui'

二：JS文件使用MessageBox，同时可触发回调函数

MessageBox('用户未登录，请重新登录', '警告', {
  confirmButtonText: '确定',
}).then(()=>{
  router.replace({name:'login'})
})