Vee-validate: How to use Vue js data variables value in as parameter

[legreco]

Versions:

• VueJs: 2.1
• Vee-Validate:

Description:

How to use Vue js data variables value in as parameter?
<input type="text" :value="totalWeek1" name="totalWeek1" v-validate="'between:min,max'"/>
data:{ min:5, max:10 }

[legreco]

I have found a trick
<input type="text" :value="totalWeek1" name="totalWeek1" v-validate="validation"/>

data:{ validation:'', min:5, max:10, }
` mounted: function()
{
this.validation='between:'+this.min+','+this.max;

},`

This is not a beautiful code but it works. Someone for a best solution?

[logaretm]

If you are using ES6, you can use template string for this:

<input type="text" :value="totalWeek1" name="totalWeek1" v-validate="`between:${min},${max}`"/>

[legreco]

This is not working. I get:
The totalWeek1 field must be between ${min} and ${max}.
I I'm using ES6 (using Laravel 5.4)

[logaretm]

The browser must be capable of ES6, unless you use vue-loader which should convert it with babel for you.

https://jsfiddle.net/logaretm/wu8uoryk/

[stonkeep]

this worked for me
<input v-validate="'required|min_value:1|max_value:' + months">

where

data () 
  return {
    months: 12
  }