SSR mode Error: Hydration completed but contains mismatches.

[jennyluo0607]

Run the code and report this error. I found that the problem is on the following QTabPanel. How can I solve it?

[ontwikkelfabriek]

@jennyluo0607

I have searched it on other websites because the client and server do not synchronize the store

I googled other reasons why this error can occur:

When does the problem occur?
If a component is initially mounted or hydrated in the DOM, it needs to precisely correspond to the HTML generated on the server side. Only after this has happened may the HTML change. A suitable point in time for this after hydration would therefore be the mounted lifecycle.

See:
https://www.sumcumo.com/en/understand-and-solve-hydration-errors-in-vue-js

[jennyluo0607]

Thank you very much！

[ontwikkelfabriek]

@jennyluo0607

Please keep us posted if and how you fixed your problem!