今天写后端,发现一个问题,我的其他页面之间都可以正常跳转显示,但是我的其中一个页面(简称U页面),我跳转到U页面时还可以显示,但之后点击其他页面就无法正常显示了(能跳转不能显示),前端后端也都不报错。找了很久也没发现问题。
一开始还以为是我后台既使用了vue2的写法也使用的vue3的写法导致不兼容。
然后突然就看了下浏览器报的警告
查了一下,查到这篇博客,和我问题一样!vue3警告:Component inside renders non-element root node that cannot b - 掘金 (juejin.cn)https://juejin.cn/post/7074448287352225823翻译该警告:
难道我的U页面组件没有用div包起来?
我一去看,我明明已经包起来了啊..
我记得学vue的时候说是vue2的组件必须包起来,只能有一个节点,但是vue3可以有多个,但为了避免莫名的错误,最好也包起来,所以我一开始就包了一层
于是——
我抱着试试的心态,又包了一层(也就是包了两层div)
然后解决了,正常跳转和显示!
但我还是觉得很奇怪怎么会需要包裹两层呢!
【我暂时还没解开这个疑问,后面解决了就来更新这篇博客。】