Vue中修改favicon.ico标题小图标步骤

1、Vue中弹窗打开验证规则重置方法

open() {
  this.Visible = true
  this.$nextTick(() => {
    if (this.$refs[formname] !== '') {
      this.$refs[formname].resetFields()
    }
  })
},

2、Vue中修改favicon.ico标题小图标步骤

（1）、首先制作favicon.ico小图标，在比特虫（http://www.bitbug.net/）网站上，制作小图标，生成favicon.ico

（2）、生成图标后，放在vue项目中static文件夹下

（3）、在index.html文件中，添加如下代码：

<link rel="icon" href="static/刚刚生成.ico的地址" type="image/x-icon" />
<link rel="shortcut icon" href="static/刚刚生成.ico的地址" type="image/x-icon"  /><!-- 必须 -->

（4）、然后重启项目即可

（5）、如果没有效果，则查看你的build文件夹下：build/webpack.dev.conf.js中。（到这个步骤之前我的是出现了，并且正常显示，如果不显示，则配置一下吧。）

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: true,
  // favicon图标(这里需要图标的路径与页面中的路径一样)
  // favicon: 'static/bitbug_favicon.ico' 
  // favicon: path.resolve('static/bitbug_favicon.ico')
  favicon:'static/bitbug_favicon.ico'
})

（6）、再重启项目即可更换小图标