梨恐 发表于 2026-1-28 21:45:01

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

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

剽达崖 发表于 2026-1-29 05:14:46

用心讨论,共获提升!

夔新梅 发表于 2026-2-3 05:23:55

分享、互助 让互联网精神温暖你我

庞悦 发表于 2026-2-5 10:24:41

过来提前占个楼

株兆凝 发表于 2026-2-7 08:07:11

过来提前占个楼

劳暄美 发表于 2026-2-8 02:13:56

过来提前占个楼

骆贵 发表于 2026-2-8 13:41:41

感谢分享,下载保存了,貌似很强大

广性 发表于 2026-2-8 22:50:09

喜欢鼓捣这些软件,现在用得少,谢谢分享!

伯绮梦 发表于 2026-2-9 12:24:09

用心讨论,共获提升!

益竹月 发表于 2026-2-10 01:39:13

这个好,看起来很实用

株兆凝 发表于 2026-2-11 08:43:46

感谢分享

列蜜瘘 发表于 2026-2-12 10:08:40

鼓励转贴优秀软件安全工具和文档!

上官泰 发表于 2026-2-13 04:28:37

感谢分享,下载保存了,貌似很强大
页: [1]
查看完整版本: vue表单vxe-form如何多字段联动校验,对一个控件校验多个关联字段