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

columns 定义的 表头渲染 随着滚动条重复渲染 #2754

Open
2 tasks done
zhibeen opened this issue Jan 18, 2025 · 0 comments
Open
2 tasks done

columns 定义的 表头渲染 随着滚动条重复渲染 #2754

zhibeen opened this issue Jan 18, 2025 · 0 comments
Labels
bug Something isn't working

Comments

@zhibeen
Copy link

zhibeen commented Jan 18, 2025

可复现的链接(必须为公开链接,仅包含能复现问题的示例代码):

https://github.com/x-extends/vxe-ui-docs/blob/main/v4/src/views/grid/template/header/Demo1.vue

是否已准备好复现链接与示例代码?

  • 我确定已准备好以上复现链接

问题描述与截图:

定义列的插槽
columns: [ { title: '序号', type: 'seq', width: 50 }, { field: 'name', title: '姓名', slots: { header: 'HeaderSearchFilter', }, params: { type: 'text', }, } ]
然后在自定义表头:
<!-- 自定义的表头渲染 --> <template #HeaderSearchFilter="{ column: { params, title } }"> <div> <HeaderSearchFilter :params="params" :title="title" /> </div> </template>

这种情况如果有滚动条 随着滚动条滑动 一直会重复渲染 。 我猜测column 中有滚动信息 一直在摆动触发多次渲染

期望的结果:

表头渲染一次 就结束 不要随着滚动条滑动触发重新渲染

操作系统:

win10

浏览器版本:

chrome

vue 版本:

3.5.15

vxe-pc-ui 版本:

4.3.27

vxe-table 版本:

4.9.23

是否使用当前最新版本?

  • 我确定已经更新到最新版本后依然存在该问题
@zhibeen zhibeen added the bug Something isn't working label Jan 18, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant