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

Question

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

如果有必要的话，我需要它在应用程序上进行一次充分的再水合，就像在开发模式下一样，它工作得非常好！ 请注意，在没有 data-server-rendered 属性的元素上，也可以通过将 true 传递给 $mount 的 hydrating 参数来强制进行水合

标签： vue.jsnuxt.jsserver-side-renderingvue-ssr

Answer 1

您可以通过执行以下操作之一来避免该错误：

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