Tencent / tdesign-vue-next

A Vue3.x UI components lib for TDesign.
https://tdesign.tencent.com/vue-next
MIT License
1.46k stars 474 forks source link

[t-drawer] nuxt3使用t-drawer组件警告 [Vue warn]: Hydration children mismatch in <div>: server rendered element contains fewer child nodes than client vdom. #3482

Open MhandsomeM opened 1 year ago

MhandsomeM commented 1 year ago

tdesign-vue-next 版本

1.6.2

重现链接

No response

重现步骤

<t-drawer :visible="modelValue" size="80%" header="Menu" destroy-on-close :footer="false" @close="onClose"> 简单引入t-drawer组件,页面会发出警告。
[Vue warn]: Hydration children mismatch in

: server rendered element contains fewer child nodes than client vdom.

期望结果

不再发出警告 [Vue warn]: Hydration children mismatch in

: server rendered element contains fewer child nodes than client vdom.

实际结果

发出警告 [Vue warn]: Hydration children mismatch in

: server rendered element contains fewer child nodes than client vdom.

框架版本

nuxt(3.7.4)

浏览器版本

No response

系统版本

windows10

Node版本

18

补充说明

No response

github-actions[bot] commented 1 year ago

👋 @MhandsomeM,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。