Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

n-grid组件SSR渲染自适应异常 #3301

Closed
Baiyuetribe opened this issue Jul 17, 2022 · 3 comments
Closed

n-grid组件SSR渲染自适应异常 #3301

Baiyuetribe opened this issue Jul 17, 2022 · 3 comments

Comments

@Baiyuetribe
Copy link
Contributor

TuSimple/naive-ui version (版本)

2.31.0

Vue version (Vue 版本)

3.2.37

Browser and its version (浏览器及其版本)

chrome

System and its version (系统及其版本)

windows

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/zh-CN/os-theme/components/grid

Reappearance steps (重现步骤)

ssr模式下,n-gird自适应组件会先闪一下,然后缩放回正常结果。实际测试观感影响很大。

Expected results (期望的结果)

期望解决闪现问题。实现类似https://arco.design/vue/component/grid这样的正常输出

Actual results (实际的结果)

先浏览器闪一下,然后布局缩放回正常结果, nuxt3及vite-ssg里表现均如此

Remarks (补充说明)

@github-actions github-actions bot added the untriaged need to sort label Jul 17, 2022
@07akioni 07akioni added consideration-needed and removed untriaged need to sort labels Jul 17, 2022
@07akioni
Copy link
Collaborator

这个不属于 BUG,而是属于符合预期的行为。

现在的行为在某些情况下有值得优化的空间。

@zhouxiaoercom
Copy link

我也遇到了这个问题。
现在nuxt3能用的框架不多,naive-ui 深受nuxt3开发者喜欢的,期待优化。

@07akioni
Copy link
Collaborator

07akioni commented Jul 24, 2022

我也遇到了这个问题。 现在nuxt3能用的框架不多,naive-ui 深受nuxt3开发者喜欢的,期待优化。

如果说你没有用 grid 的一些特殊特性,可以使用 legacy-grid 替代

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants