该项目使用Nuxt3和Vuetify3堆栈。我已经开始在自适应移动的布局上工作。
为了管理不同的布局,我按照official docs使用useDisplay()
。
如果禁用SSR,它可以正常工作。但是如果启用SSR,它将始终返回参数的初始值,因为服务器不知道客户端的任何信息。
export const vuetify = createVuetify({
ssr: true
})
字符串
最好的处理方法是什么?
操场
该项目使用Nuxt3和Vuetify3堆栈。我已经开始在自适应移动的布局上工作。
为了管理不同的布局,我按照official docs使用useDisplay()
。
如果禁用SSR,它可以正常工作。但是如果启用SSR,它将始终返回参数的初始值,因为服务器不知道客户端的任何信息。
export const vuetify = createVuetify({
ssr: true
})
字符串
最好的处理方法是什么?
操场
1条答案
按热度按时间iaqfqrcu1#
您可以Vuetify Nuxt Module来处理SSR中的视口。
电子邮件:https://vuetify-nuxt-module.netlify.app/guide/server-side-rendering.html#vuetify-display