Vue Router导航时出现白屏
2023-08-17 本文已影响0人
搬码人
问题描述
刚开始使用路由导航时运行正常,但当进入带参数的页面再返回时
<template>
中的内容都不显示了,也就是白屏。
![](https://img.haomeiwen.com/i20123021/5320d2c8a50f0f47.png)
![](https://img.haomeiwen.com/i20123021/f9f4c4adaaabcaea.png)
此时进入需要传参的页面
![](https://img.haomeiwen.com/i20123021/96196a75baf6c6ea.png)
![](https://img.haomeiwen.com/i20123021/289f6e5336018f44.png)
解决方案
给每一个导航组件封装一层<div>
即可,刚开始看其他博主说不带<div>
会有坑,我没信。因为vue3不是支持不带div直接能正常运行显示吗,刚开始确实没问题,直到进入传参页面……
![](https://img.haomeiwen.com/i20123021/81552c92815186e4.png)
刚开始使用路由导航时运行正常,但当进入带参数的页面再返回时
<template>
中的内容都不显示了,也就是白屏。
此时进入需要传参的页面
给每一个导航组件封装一层<div>
即可,刚开始看其他博主说不带<div>
会有坑,我没信。因为vue3不是支持不带div直接能正常运行显示吗,刚开始确实没问题,直到进入传参页面……