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

时间:2019-12-21 15:24:50

标签: vuejs2 vee-validate money-format

我使用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”,

0 个答案:

没有答案