需要配置配置 ZIndex
使用SSR进行开发时,会遇到 z-index 引起的水合错误。 在这种情况下,建议注入一个初始值以避免这种错误。
文档:https://element-plus.org/zh-CN/guide/ssr.html#%E9%85%8D%E7%BD%AE-zindex
代码:
// plugins/ElementPlus.ts
import { defineNuxtPlugin } from '#app'
import ElementPlus, { ZINDEX_INJECTION_KEY } from 'element-plus'
import 'element-plus/dist/index.css'
export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp.provide(ZINDEX_INJECTION_KEY, { current: 0 })
nuxtApp.vueApp.use(ElementPlus)
})