版本

2.6.11

复制链接

更新复制，以使用不带NUXT的Vue SSR
https://github.com/privatenumber/vue-ssr-vhtml-dyncomp-bug的最大值

重现步骤

• 动态.vue*

<template>
  <component is="div">
    content necessary
  </component>
</template>

• 应用程序版本 *

<template>
  <dynamic v-html="'<div>trigger hydration warning</div>'" />
</template>

需要什么？

当SSR和客户端标记相同时，预期行为是没有水合警告。

到底发生了什么？

虽然客户端和SSR之间呈现的HTML没有差异，但它会发出警告。

解决方法

我使用了一个render function而不是一个动态组件：

render(h) {
    return h(this.component, this.$slots.default);
}

其他信息

上一期：#11532