[Bug Report] el-form-item 里面放 el-pagination，点击el-pagination按钮或者，输入分页会触发form验证 - Githubissues

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web

https://element.eleme.io/

MIT License

54.11k stars 14.64k forks source link

[Bug Report] el-form-item 里面放 el-pagination，点击el-pagination按钮或者，输入分页会触发form验证 #22299

Open ali2022v opened 1 year ago

ali2022v commented 1 year ago

Element UI version

2.15.12

OS/Browsers version

windows10 / Chrome 版本 108.0.5359.72（正式版本）（64 位）

Vue version

2.7.14

Reproduction Link

https://codepen.io/ali2022v/pen/GRGYwMr

Steps to reproduce

https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7f6dc01c-3c5f-4c13-8d89-587a6c782b23/54af3556-0d7e-4c06-999e-39a76b4de9cf.mp4 上面这个是重现视频

What is Expected?

el-pagination 写在 el-form-item 改变el-pagination，不应该触发form验证

What is actually happening?

el-pagination 写在 el-form-item 改变el-pagination，触发了form验证

ecanspace commented 1 year ago

1、默认情况，大多数表单类组件 value 值改变后，会触发当前 Form 组件验证逻辑； 2、同理，Pagination 组件 jumper 也有个输入框，你把它放在 Form 里面，只要满足 1 条件就会触发验证； 3、从代码层面讲是个 BUG，但从使用场景来说 Element 可能也没想到什么时候需要把 Pagination 放到 Form 里面去。