Nuxtjs3 + ElementPlus 提示:[Vue warn]: injection "Symbol(elZIndexContextKey)" not found.

技术 · 17 天前 · 访问: 77 次

需要配置配置 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)
})
前端 报错处理 报错问题处理 element-plus nuxt.js
icon_mrgreen.gificon_neutral.gificon_twisted.gificon_arrow.gificon_eek.gificon_smile.gificon_confused.gificon_cool.gificon_evil.gificon_biggrin.gificon_idea.gificon_redface.gificon_razz.gificon_rolleyes.gificon_wink.gificon_cry.gificon_surprised.gificon_lol.gificon_mad.gificon_sad.gificon_exclaim.gificon_question.gif
Theme Jasmine by Kent Liao