记一次bug经历-document.title

作者使用Vue.js开发过程中遇到一个奇怪的bug:网站标题会在切换标签页后自动改变为之前设置过的标题。通过逐步排查,最终发现是由于第三方客服插件导致的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

身为一个前端打字员,一直没有写博客的习惯,但是,今儿是忍不了了,且为自个儿今后提个醒。

最近用vue全家桶开发了一个网站,眼看一切都顺顺利利的,马上都要领盒饭了,突然发现一个bug,当我点击其他的标签页再点击回来的时候,神奇的事情发生了,网站的title会自动切换到上次所设置的!

瞬间盒饭也不吃了,掏出console.log开始修理,下面是代码

$route() {
  document.title = titleTranslate[this.$route.meta.title] + titleSuffix;
  this.$utils.backToTop();
}

用mixin处理的title,经过一番捣鼓,没毛病啊,得了,换个地方写

router.beforeEach((to, from, next) => {
   document.title = titleTranslate[to.meta.title] + titleSuffix;
})


换到路由来写,这下应该可以安心的吃盒饭了吧,一测试,bug依旧坚挺

这个愁怀了我这个打字员,全局也就一个地方设置了title,也没有多次执行,只有用笨办法了,一个组件一个组件的关掉,bug依旧在,路由全关掉,bug依旧在,引入的js全删了,bug依旧在。。。 wtf还能不能让人安静的吃盒饭了,直到关闭了vuex,好了, 带着一脸懵逼的去看了代码

clipboard.png

看到这里心里就有点b数了,居然是引入的客服干的,事情到这里也就结束了,我已经备好了四十米的大刀去找客服聊天了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值