element ui中el-form-item的属性rules的用法

在学习element ui 的Form表单组件时，学到el-form-item也有rules属性，但是对应这个属性如何使用，却一直用不对，百度查资料也没查到，

通过自己多方面测试，终于了解到了el-form-item也有rules属性的用法，现在总结分享给大家！

表单域的验证规则：

        1只有一条时，el-from-item 的属性rules绑定的变量的值为一个对象，对象中规定验证规则

        2有多条时，el-from-item 的属性rules绑定的变量的值为一个对象数组，数组中的每一个对象元素都对应一条验证规则

我感觉比较容易犯错的地方就是requestScope和param，前者代表着requesGetAttirbute()后者代表着requestGetparameter()。

检查下属性名写对没有，记得这里的属性名不是字段名，而是getXXX去掉get，再把剩下的部分首字母大写！

如果确定属性名无错，就看是否手动设置在了其他的作用域,

起因--------》勾选后+筛选+搜索的用户体验有点差。。。

优化成-----》勾选后+搜索（带勾选参数）

如果--------》勾选后+筛选做触发搜索事件用@filter-change即可。

版本：elementui239版本

<el-table :data="data"  @header-click="headerClick"（其他属性未考究）

以上获取到整个对象，其中的属性值filteredValue为当前选中（无论是否点击筛选按钮）的值，给table+reffilteredValue值貌似打印不到正确值， el-table-column属性值column-key----column-key=="x1" 进行11对应，将获取的column值进行存储。

即header-click当某一列的表头被点击时会触发该事件，之后选取内容之后会修改到filteredValue内存地址的值，即可以获取到勾选项。

但有个小问题，当用header-click（event事件）鼠标处于下拉框的图标元素块内时，不触发该事件。so~

xxxxxx el-table__column-filter-trigger{pointer-events: none;}进行 ‘元素击穿‘’ （兼容性待考究）

ps：非即时记录，可能存在问题，望指出~

以上就是关于element ui中el-form-item的属性rules的用法全部的内容，包括:element ui中el-form-item的属性rules的用法、用el表达式可以获取request设置的属性以及jstl设置的属性，但是为什么request为什么、element-ui&table 多选的筛选功能 不用点击筛选按钮，勾选就能触发搜索值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！