vue空白页

这个bug不是第一次遇到了,不过今天遇到了还是花了很长时间才知道为啥。今天记录下。

bug描述:

有A、B、C 3个页面。单独打开3个页面都正常,但是当先打开B页面后,再打开其他页面比如A和C,页面都变成空白页了。

原因是B页面的template有2个子元素,这样就导致Vue渲染出错了。

解决办法就是把1个子元素放到另一个子元素里,或者用一个元素包裹这两个子元素,使template标签只有1个子元素即可