vue.js 使用多个规则验证验证

sdnqo3pr  于 2023-02-05  发布在  Vue.js
关注(0)|答案(3)|浏览(208)

是否可以分配多个规则来验证输入?例如,我有两个规则:

alphaRule: [
      v => /[a-zA-Z]+$/.test(v) || 'Field must only contain letters'
    ],
requiredRule: [
               v => !!v || "required field"
            ]

我有很多控件,有些只需要requiredRules,有些只需要alphaRule,但有些是alphaRule和requiredRule的组合。
我能把它们合在一起吗?
比如

:rules = "alphaRule, requiredRule"
dgtucam1

dgtucam11#

如果你想保留两个变量,你可以像处理JS数组一样处理它们。

:rules = "alphaRule.concat(requiredRule)"
dsekswqp

dsekswqp2#

只需不断地将规则添加到数组中:

:rules = "[alphaRule, requiredRule].flat()"
m4pnthwp

m4pnthwp3#

这对我有用

v-bind:rules="[mr.required, mr.counter]"

这就是规则

enter code here

相关问题