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

vue3-waterfall-wrapper计算出来的宽度和colWidth的一样,导致瀑布流一直只有一列 #28

Closed
FairyWorld opened this issue Apr 18, 2024 · 4 comments

Comments

@FairyWorld
Copy link

<V3waterfall :list="viewCardList" :colWidth="300" :virtual-time="400"
  :scrollBodySelector="'.box'" :isMounted="isMounted"
  class="waterfall" @scrollReachBottom="getNext"
>
  <template v-slot:default="slotProp">
    <div>test</div>
  </template>
</V3waterfall>

渲染的dom

image

@gk-shi
Copy link
Owner

gk-shi commented Apr 19, 2024

麻烦提供一下可以复现问题的代码片段,仓库地址或者 code sandbox 链接都行,通过上述图片暂时无法定位问题所在

@FairyWorld
Copy link
Author

麻烦提供一下可以复现问题的代码片段,仓库地址或者 code sandbox 链接都行,通过上述图片暂时无法定位问题所在

我晚点写个demo到code sandbox。昨天看了下源码宽度计算只受到容器宽度影响应该计算是正常的,排查了好久,原来是vant-ui的van-tabs组件的锅,把V3waterfall放到van-tabs的内容区就会有问题,放到外面正常

@wmhh1129
Copy link

我也遇到了,這個問題,我的代碼也是在vant-tab底下,並且還有一個問題就是,切換tab的時候,並不能正常渲染tab2的數據,感覺2.0.0問題比1.3.3多..

@gk-shi
Copy link
Owner

gk-shi commented May 16, 2024

#30 合并相关问题

@gk-shi gk-shi closed this as completed May 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants