Question

我使用v-money组件（https://github.com/vuejs-tips/v-money）当我使用vee-validate进行数据验证时出现在表格上，问题是我无法通过验证赚钱：我做为：

<ValidationProvider
      name="price"
      :rules="{ required : true, min:0.01 }"
      v-slot="{ errors }"
>
   <money
         v-model="taskRow.price"
         v-bind="moneyConfig"
         name="price"
         id="price"
         class="form-control text-right"
         placeholder="Enter price"
   >

   </money>
   <p class="validation_error">{{ clearErrorMessage(errors[0]) }}</p>
</ValidationProvider>
...

    import {Money} from 'v-money'    // https://github.com/vuejs-tips/v-money

...

        data() {
            return {
                taskRow: {
                    price: 0,
                    ...
                },
        ...

        components: {
            Money,
        },


                moneyConfig: {
                    decimal: ',',
                    thousands: '.',
                    prefix: '$',
                    suffix: '',
                    precision: 2,
                    masked: false
                },

我在ValidationProvider中设置了2个条件以进行资金控制，但均未触发默认0值的条件，我认为这是无效的。有办法吗？

@ vue / cli 4.0.5 “ v-money”：“ ^ 0.8.1”，

“ vee-validate”：“ ^ 3.1.0”，

“ vue”：“ ^ 2.6.10”，

v-money组件如何使用vee-validate进行验证

0 个答案: