Nuxtjs3+ElementPlus 提示：[IdInjection] Looks like you are using server rendering, you must provide a id...

根据提示可以看出需要提供一个id。文档：https://element-plus.org/zh-CN/guide/ssr.html#%E6%8F%90%E4%BE%9B%E4%B8%80%E4%B8%AAid代码：// plugins/ElementPlus.ts import { defineNuxtPlugin } from '#app' import ElementPlus, { ID_INJECTION_KEY } from 'element-plus' import 'element-plus/dist/index.css' export default defineNuxtPlugin(nuxtApp => { nuxtApp.vueApp.provide(ID_INJECTION_KEY, { prefix: 1024, current: 0 }) nuxtApp.vueApp.use(ElementPlus) })

技术 · 17 天前

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

需要配置配置 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) })

技术 · 17 天前
2023 - 2024 a博客-个人博客-技术分享. All Rights Reserved.
Theme Jasmine by Kent Liao