如果存在值且不使用“数字|必需”,如何在Vuetify和vee验证程序中使用“数字”?

时间:2020-09-15 11:48:16

标签: vue.js vuetify.js vee-validate

在下面的代码中,如果存在验证规则(如数字,但不需要),我尝试实现验证。如果规则为“数字”,则验证码不起作用,但如果规则为“数字|必需”,则验证码起作用。

我在github上阅读了此问题 https://github.com/logaretm/vee-validate/issues/383 但这似乎不起作用。

尝试1-

<template>
<ValidationProvider
            ref="totalquantity"
            name="Stock Total Quantity"
            rules="numeric"
          >
            <v-text-field
              v-model.number="item"
              slot-scope="{
                errors,
                valid,
              }"
              clearable
              dense
              :error-messages="errors"
              :success="valid"
              label="Item*"
              type="number"
              outlined
            />
          </ValidationProvider>
</template>
<script>
import { ValidationProvider, extend } from 'vee-validate'
import { required, numeric, regex, integer } from 'vee-validate/dist/rules'
extend('required', required)
extend('numeric', numeric)
extend('regex', regex)
extend('integer', integer)
</script>

尝试2-

:rules="edititem.percustomerqty?'required|numeric':''"

0 个答案:

没有答案