问[Vue][SSR]抑制水合不匹配警告

EN

我希望我可以通过评论你的帖子来帮助你，而不是张贴答案。但你可以试一试：

在Vue中，react的react-dom/suppressHydrationWarning没有直接的等价物，但您可以通过以下几种方式抑制警告消息：

通过在Vue组件中将警告选项设置为false：

<template>
  <div>
    <p v-warning="false">This will not generate a warning</p>
  </div>
</template>

通过设置全局Vue.config。将警告选项设置为false：

Vue.config.warning = false

通过将环境变量VUE_WARNING_DISABLE设置为true：

export VUE_WARNING_DISABLE = true

或者使用vue-cli- plugin -suppress-warnings插件。

我不知道是否有与suppressHydrationWarning对应的Vue，但您可以尝试的一件事是在水合之前手动删除DOM内容。

const rootId = 'app'
const root = document.getElementById(vueRootId)
root.innerHTML = ''
// Your hydration code
// ...

有关移除DOM元素的子元素的替代方法，请参见Remove all child elements of a DOM node in JavaScript。