一次在 Review Nuxt3 代码时发现 Vue runtime 报了一个 Hydration completed but contains mismatches. 的错误(目前不影响程序运行)。
经过排查,是因为开发在写 <table>
的时候没有写 <tbody>
,直接写了 <tr>
,类似下面这样
<template>
<table>
<tr></tr>
<tr></tr>
</table>
</template>
而来将 <tr>
用 <tbody>
包裹,错误消失。