vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段
vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段。正常的表单场景是一个控件一个字段,那么配置起来非常任意,一个字段对应一个校验规则。当时某些复杂场景就不一样了,比如用户控件,有id/code/role等。比如范围日期选择,一个控件是对应2个字段的,开始日期和结束日期。这个时候就可以使用 rule 规则中 field 属性来指定复杂的多字段校验。https://vxetable.cn
表单-日期范围-多字段校验
举个例子,比如日期范围选择,有2个字段,先给控件绑定一个不存在的字段,然后在这个字段里面配置2条规则,分别校验多个字段;当某个字段为空时都能被直接校验并提示出来
<template>
<vxe-form v-bind="formOptions" v-on="formEvents" ></vxe-form>
</template>表格-日期范围-多字段校验
同样先给控件绑定一个不存在的字段,然后在这个字段里面配置2条规则,分别校验多个字段
<template>
<vxe-button @click="fullValidEvent">校验全量数据</vxe-button>
<vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
</template>https://gitee.com/x-extends/vxe-table
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! 用心讨论,共获提升! 分享、互助 让互联网精神温暖你我 过来提前占个楼 过来提前占个楼 过来提前占个楼 感谢分享,下载保存了,貌似很强大 喜欢鼓捣这些软件,现在用得少,谢谢分享! 用心讨论,共获提升! 这个好,看起来很实用 感谢分享 鼓励转贴优秀软件安全工具和文档! 感谢分享,下载保存了,貌似很强大
页:
[1]