【已解决】vue后台页面跳转无法正常显示

今天写后端,发现一个问题,我的其他页面之间都可以正常跳转显示,但是我的其中一个页面(简称U页面),我跳转到U页面时还可以显示,但之后点击其他页面就无法正常显示了(能跳转不能显示),前端后端也都不报错。找了很久也没发现问题。

一开始还以为是我后台既使用了vue2的写法也使用的vue3的写法导致不兼容。

然后突然就看了下浏览器报的警告

查了一下,查到这篇博客,和我问题一样!vue3警告:Component inside renders non-element root node that cannot b - 掘金 (juejin.cn)icon-default.png?t=M85Bhttps://juejin.cn/post/7074448287352225823翻译该警告:

难道我的U页面组件没有用div包起来? 

我一去看,我明明已经包起来了啊..

我记得学vue的时候说是vue2的组件必须包起来,只能有一个节点,但是vue3可以有多个,但为了避免莫名的错误,最好也包起来,所以我一开始就包了一层

于是——

我抱着试试的心态,又包了一层(也就是包了两层div)

然后解决了,正常跳转和显示!

但我还是觉得很奇怪怎么会需要包裹两层呢!

 【我暂时还没解开这个疑问,后面解决了就来更新这篇博客。】

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值