vue的根文件main.js里的created和mounted执行两次(vue-wechat-title 动态设置网页标题造成加载两次)

有时项目需要设置标题,要是不设置的话展示的是访问的地址。

未改前:

最近的一个项目搭建的时候由于需要去监听路由并存储到本地。发现每次切换、刷新页面的时候都会出现加载三次的情况。

bug处理:
既然出现了问题,那么怎么解决呢?首先百度、google了一下vue多次加载mainjs和如何加载的问题。发现没有什么实际性作用。项目打包后在服务器预览也是没有任何问题。另外将谷歌开发者模式关闭手机模式后,通过网页预览,点击也是没有任何问题。在确保mainjs中的内容无误的情况下,去查看了app.vue,如下图:



main.js,如下图:
 import VueWechatTitle from 'vue-wechat-title'; // 设置页面title

 Vue.use(VueWechatTitle); 

最终发现是vue-wechat-title 动态设置网页标题后出现的BUG

于是使用 以下代码替换该插件:

app.vue修改为:

main.js修改:

router.beforeEach((to, from, next) => {
  document.title = to.meta.title || '';

}

 

你可能感兴趣的:(vue)