vue router 白屏
时间: 2023-12-22 18:29:23 浏览: 108
vue 解决IOS10低版本白屏的问题
在Vue Router中,白屏问题通常是由于路由切换时滚动条位置没有重置导致的。下面是两种解决白屏问题的方案:
方案一:暴力愚蠢型
```javascript
const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
return savedPosition || { x: 0, y: 0 }
}
})
```
方案二:可行但不可选型
```javascript
// 给router加一个监听,一旦改变,执行清零,然后再跳转
let router = new Router({.....})
router.beforeEach(function (to, from, next) {
// 清零滚动条位置
document.body.scrollTop = document.documentElement.scrollTop = 0
next()
})
```
阅读全文