忽略此错误 ==> 客户端渲染的虚拟 DOM 树与服务器渲染的内容不匹配

Question

如何进行全面补液？ 当有一个 if 子句时，这种情况一直发生，我只在客户端使用该变量来延迟请求。 遇到此错误时，它会停止整个客户端应用程序在生产环境中运行（Hydrating）！

如果有必要的话，我需要它在应用程序上进行一次完全补水，就像在开发模式下一样，它工作得非常好！ Note that on elements without the data-server-rendered attribute, hydration can also be forced by passing true to the hydrating argument of $mount

Answer 1

您可以通过以下方式之一避免该错误：

• 调整您的标记，使错误不会发生。我在渲染没有<thead> 和<tbody> 的<table>s 时看到了这个错误。添加缺失的标记可以解决问题。
• 用<client-only> 包装您受影响的标记，以故意仅在客户端呈现标签或组件