[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside </p/>.or missing </tbody/>. Bailing hydration and performing full client-side render。
(注:因为这个问题是挺久之前遇见的,所以问题截图没有了,这个图片是从我的博客上面截取的,有兴趣的可以直接看博客www.cnblogs.com/laisiyu/p/1…)
这个问题解释是:“客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由于不正确的HTML标记造成的,例如在</p/>中嵌套块级元素,或者缺少</tbody/>。外泄水化和执行完整的客户端渲染。”
意思就是说你的dom树中有元素的嵌套是不符合规范的,比如把块级元素放进行内元素中。
我这里是没有元素不符合规范的,我排查了一下,发现是元素中有不要的元素,我没有删除而是把它注释了(这里就不放图片了)。之后把注释的代码删掉了就好了。