vue项目开发中遇到的问题总结--内部分享
1.路由变化页面数据不刷新问题 这种情况一般出现在vue-router的history模式下,初次进入会执行钩子函数,再次进入时则不会。 解决方案: 监听路由变化 watch : { "$route" (to, from) { if (to.path.indexOf('/home') > -1 ) { this .initData() } } } 2.setInterval路由跳转继续运行并没有及时进行销毁 比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁了,但是setInterval还没有销毁,还在继续后台调用,控制台会不断报错,如果运算量大的话,无法及时清除,会导致严重的页面卡顿。 解决方案:在组件生命周期beforeDestroy停止setInterval beforeDestory() { clearInterval( this .timer); MessageBox.close() } 3.vue 滚动行为用法,进入路由需要滚动到浏览器底部、头部等等 使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。 vue-router 能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。 注意:这个功能只在支持 history.pushState 的浏览器中可用。 解决方案:https:/