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

Bug: Form组件的展开收起重置窗口后不起作用 #4498

Closed
5 tasks done
cbombonera opened this issue Sep 24, 2024 · 1 comment · Fixed by #4696
Closed
5 tasks done

Bug: Form组件的展开收起重置窗口后不起作用 #4498

cbombonera opened this issue Sep 24, 2024 · 1 comment · Fixed by #4696
Labels
bug Something isn't working

Comments

@cbombonera
Copy link

Version

Vben Admin V5

Describe the bug?

vben官网 queryFrom 示例页面 卡片标题名称【查询表单,默认折叠,折叠时保留2行】 进行测试 0-13的Input 名称字段Index

A
1.PC尺寸 转到手机尺寸 原本2行 0-4 Input ,然后将尺寸变化成手机尺寸 显示0-13 Input(这里觉得就有问题,但是这种自适应毕竟场景不多,能做到自适应问题不大)
2.然后将变成PC尺寸,页面显示还是0-13 Input 并没有回到0-4 Input场景
3.展开 收起功能,这个时候就已经没有用了,除了展开 和收起 的文字能切换,起不到任何作用

B
1.初始化尺寸是手机尺寸,代码配置的collapsedRows=2 页面显示一行
2.什么都没操作的情况下,手机转PC尺寸 所有Input 0-13 显示 并且展开/收起功能不再起作用

求教
1.对css不熟, 关于queryForm, 因为我考虑了分割面板可伸缩,不知道怎么伸缩面板 也就是div的情况下,比如div宽度=pc尺寸,那么也是一行三个div宽度=手机尺寸 那么一行一个,或者vform能配置那就更好了
2.对vue不熟,我看form的 提交点击事件是用的v-bind 这样函数我看在浏览器 审查元素 对应节点,属性上就能看到内容,我在想,如果是业务提交的函数,直接暴露是否不好?没有试验过,用@事件是否就不会暴露,是否更好一些?

image
image
image

Reproduction

同上

System Info

谷歌浏览器

Relevant log output

No response

Validations

@coolliyong
Copy link

我也遇到了相同的问题,不过我的vben版本有点低,我修改了 Formaction 的advancedSpanObj 这块逻辑解决了,我代码里不需要显示更多,所以我粗暴的干掉了这些逻辑

@github-actions github-actions bot locked and limited conversation to collaborators Nov 4, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants